/* excl.css — 배타적사용권 화면에만 있는 것(만료 시계·목록·상세)만 둔다.
   색은 새로 만들지 않고 mi-base.css 의 토큰을 쓴다(CLAUDE.md). */

/* ── 만료 시계 ─────────────────────────────── */
.clock { display:flex; gap:8px; flex-wrap:wrap; margin:10px 0 14px; }
.clock .ck { display:flex; flex-direction:column; gap:2px; min-width:150px; padding:10px 12px;
  border:1px solid var(--line); border-radius:8px; background:var(--card); text-decoration:none; color:inherit; }
.clock a.ck:hover { border-color:var(--accent); }
.clock .ck.on { border-color:var(--accent); box-shadow:inset 0 0 0 1px var(--accent); }
.clock .k { font-size:12px; color:var(--muted); }
.clock .v { font-size:22px; font-weight:700; line-height:1.1; }
.clock .s { font-size:11px; color:var(--muted); }
.clock .hot .v { color:var(--crit); }
.clock .warm .v { color:var(--warn); }

/* ── 검색 줄 ──────────────────────────────── */
.bar .q { flex:1; min-width:220px; padding:7px 10px; border:1px solid var(--line);
  border-radius:6px; background:var(--card); color:inherit; font:inherit; }
.resline { font-size:12px; color:var(--muted); margin:8px 0 6px; }

/* ── 목록 ─────────────────────────────────── */
.tbl-wrap { overflow-x:auto; }                   /* 1024 아래에서 표는 가로 스크롤로 넘긴다(레이아웃-규격 §4) */
.t .row { cursor:pointer; }
.t .row:hover { background:var(--hover); }
.t .dd { white-space:nowrap; }
.t .dd .hot { color:var(--crit); }
.t .dd .warm { color:var(--warn); }
.t .nm { font-weight:600; }
.t .sm { font-size:12px; color:var(--muted); }
/* DB 의 요약은 174~671자다(정책 §3 은 45~60자). 줄여 쓰면 지어내는 셈이라 목록에서는 두 줄로
   접어 두고, 자른 표시 없이 전문은 상세에서 그대로 보여 준다. */
.t td .sm.sum { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; max-width:62ch; }
.t .tags { display:flex; gap:4px; flex-wrap:wrap; margin-top:4px; }

.empty { text-align:center; padding:48px 16px; color:var(--muted); }
.empty h3 { margin:0 0 6px; font-size:15px; color:var(--fg); }

/* ── 상세 — 신청 항목별 판정 ────────────────── */
.xd-items { margin:10px 0 0; }
.xd-it { border:1px solid var(--line); border-radius:8px; padding:10px 12px; margin-bottom:8px; }
.xd-it .h { display:flex; gap:8px; align-items:baseline; flex-wrap:wrap; }
.xd-it .n { font-weight:600; }
.xd-it .basis { font-size:12px; color:var(--muted); margin-top:6px; white-space:pre-wrap; }
.xd-it .note { font-size:12px; margin-top:6px; padding:6px 8px; border-left:2px solid var(--line); color:var(--muted); }
.xd-meta { display:grid; grid-template-columns:auto 1fr auto; gap:4px 10px; font-size:12px; margin-top:8px; }
.xd-meta .f { color:var(--muted); }
.xd-files { display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; }

@media (max-width:820px) { .clock .ck { min-width:calc(50% - 4px); } }