/* 1단계 '검토목록'(reviewlist.js, 2026-10-14) — 흰 바탕 · 켜진 필터만 남색으로 칠한다
   ※ .rl-row · .rl-f 는 3단계 생성된 보고서(reportlist.js 표)도 쓰는 이름이라 .rl-list · .rl-filters 안으로 한정한다 */
.rl-panel { margin-top: 14px; }
.rl-panel .panel-head { align-items: center; }
.rl-filters { display: flex; gap: 6px; flex-wrap: wrap; }
.rl-filters .rl-f { width: auto; max-width: 220px; padding: 4px 8px; font-size: 13px; border: 1px solid var(--line2); border-radius: 6px; background: #fff; color: var(--ink); cursor: pointer; }
.rl-filters .rl-f.on { background: var(--navy); border-color: var(--navy); color: #fff; font-weight: 600; }
.rl-filters .rl-f.on option, .rl-filters .rl-f.on optgroup { background: #fff; color: var(--ink); font-weight: 400; }
#rl-clear { color: var(--navy); }
.rl-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); max-height: 420px; overflow-y: auto; }
.rl-list .rl-row { display: grid; grid-template-columns: 1.6em 2.6em 6.4em minmax(0, 1fr) auto; grid-template-areas: "chk no date addr val" ". . . meta acts"; column-gap: 10px; row-gap: 2px;
  align-items: baseline; padding: 7px 4px; border-bottom: 1px solid var(--line); font-size: 13.5px; }
.rl-list .rl-row.click { cursor: pointer; }
.rl-list .rl-row:hover, .rl-list .rl-row:focus, .rl-list .rl-row.lk-on { background: var(--navy-bg); outline: none; }
.rl-chk { grid-area: chk; align-self: center; }
.rl-no { grid-area: no; color: var(--muted); text-align: right; font-variant-numeric: tabular-nums; }
.rl-date { grid-area: date; color: var(--ink2); font-variant-numeric: tabular-nums; }
.rl-addr { grid-area: addr; min-width: 0; overflow-wrap: anywhere; }
.rl-val { grid-area: val; text-align: right; font-weight: 700; color: var(--navy); font-variant-numeric: tabular-nums; white-space: nowrap; }
.rl-meta { grid-area: meta; display: flex; gap: 4px 6px; flex-wrap: wrap; align-items: baseline; font-size: 12.5px; color: var(--muted); }
.rl-k { color: var(--muted); }
.rl-k + .rl-tag, .rl-k + .rl-none { margin-right: 10px; }
.rl-tag { border: 0; background: none; padding: 0; color: var(--navy2); font: inherit; cursor: pointer; text-decoration: underline dotted; }
.rl-tag:hover { color: var(--navy); }
.rl-none { color: var(--muted); font-weight: 400; }
.rl-acts { grid-area: acts; display: flex; gap: 4px; justify-content: flex-end; flex-wrap: wrap; }
.rl-empty { padding: 10px 4px; }
#pb-apply-btn.over { outline: 2px dashed var(--navy2); outline-offset: 2px; }
@media (max-width: 760px) {
  .rl-list .rl-row { grid-template-columns: 1.6em 2em minmax(0, 1fr) auto; grid-template-areas: "chk no date val" "chk no addr addr" "chk no meta meta" "chk no acts acts"; }
  .rl-acts { justify-content: flex-start; }
  .rl-filters .rl-f { max-width: 46vw; }
}