/* Inbound control demo. Tokens follow the original tool's design system; rem only. */
:root {
  --bg: #f7f8fa;
  --surface: #ffffff;
  --surface-2: #f5f6f8;
  --line: #e5e7ec;
  --line-strong: #d4d8e0;
  --text: #1c2027;
  --muted: #5d6570;
  --faint: #8b929e;
  --navy: #14181f;
  --accent: #2563eb;
  --accent-soft: #eaf1fe;
  --amber: #f59e0b;
  --amber-ink: #b45309;
  --ok: #059669;
  --ok-soft: #e6f7f1;
  --warn: #b45309;
  --warn-soft: #fef4e2;
  --bad: #e11d48;
  --bad-soft: #fdeaee;
  --radius: 0.625rem;
  --paper: #fffdf8;
  --paper-ink: #222;
}
:root[data-theme="dark"] {
  --bg: #0f1115;
  --surface: #171a20;
  --surface-2: #1d2128;
  --line: #2a2f38;
  --line-strong: #3a404b;
  --text: #eef0f4;
  --muted: #9aa1ad;
  --faint: #6f7682;
  --navy: #eef0f4;
  --accent: #5b8cff;
  --accent-soft: #1d2a4a;
  --amber-ink: #fbbf24;
  --ok: #34d399;
  --ok-soft: #12301f;
  --warn: #fbbf24;
  --warn-soft: #3a2a10;
  --bad: #fb7185;
  --bad-soft: #3a1717;
  --paper: #f4f1ea;
}
[hidden] { display: none !important; }

/* ---------- Shell ---------- */
.ic-top { flex-wrap: nowrap; }
.ic-brand-ic { color: var(--amber) !important; }
.ic-sub { color: var(--muted); font-size: 0.78rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.ic-dots { display: inline-flex; gap: 0.75rem; color: var(--muted); font-size: 0.75rem; white-space: nowrap; }
.ic-dots i { display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--ok); margin-right: 0.3rem; vertical-align: 0.05rem; }
@media (max-width: 60rem) { .ic-dots { display: none; } }
.ic-nav { position: sticky; top: 3.5rem; z-index: 19; display: flex; gap: 0.25rem; padding: 0.375rem var(--gutter) 0; background: var(--surface); border-bottom: 0.0625rem solid var(--line); overflow-x: auto; scrollbar-width: none; }
.ic-nav button { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.55rem 0.75rem; color: var(--muted); font-weight: 600; white-space: nowrap; border-bottom: 0.15rem solid transparent; }
.ic-nav button:hover { color: var(--text); }
.ic-nav button.on { color: var(--accent); border-bottom-color: var(--accent); }
.ic-nav button .ms { font-size: 1.125rem; }
.ic-nav .cnt { background: var(--accent-soft); color: var(--accent); border-radius: 1rem; padding: 0 0.45rem; font-size: 0.72rem; font-weight: 700; }
.ic-nav .cnt:empty { display: none; }
.ic-nav button.on .cnt { background: var(--accent); color: #fff; }
.ic-nav .muted-cnt { background: var(--surface-2); color: var(--muted); }
.ic-main { max-width: 92rem; width: 100%; margin: 0 auto; padding-bottom: 6rem; }
.ic-lede { color: var(--muted); max-width: 62rem; }
.ic-lede b { color: var(--text); }
.ic-h2 { font-size: 0.95rem; display: flex; align-items: center; gap: 0.5rem; }
.ic-h2 .ms { color: var(--muted); font-size: 1.125rem; }
.ic-hint { color: var(--faint); font-size: 0.78rem; }
.ic-grid2 { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: start; }
@media (max-width: 62rem) { .ic-grid2 { grid-template-columns: 1fr; } }
.k-card > header { flex-wrap: wrap; }
.r { text-align: right; }
.pos { color: var(--warn); font-weight: 700; } .neg { color: var(--bad); font-weight: 700; } .nul { color: var(--ok); font-weight: 700; }
.bad-t { color: var(--bad); }
.ic-chips { display: flex; gap: 0.35rem; flex-wrap: wrap; }
.ic-chip { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.3rem 0.7rem; border-radius: 1rem; border: 0.0625rem solid var(--line-strong); background: var(--surface); color: var(--muted); font: inherit; font-size: 0.8rem; font-weight: 600; cursor: pointer; }
.ic-chip:hover { color: var(--text); }
.ic-chip.on { background: var(--accent); border-color: var(--accent); color: #fff; }
.ic-chip .n { opacity: 0.75; font-weight: 700; }

/* ---------- KPIs ---------- */
.ic-kpis { display: grid; gap: 0.75rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); }
.ic-kpi { background: var(--surface); border: 0.0625rem solid var(--line); border-radius: var(--radius); padding: 0.8rem 0.95rem; box-shadow: var(--shadow); min-width: 0; }
.ic-kpi .v { font-size: 1.45rem; font-weight: 750; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.ic-kpi .k { color: var(--muted); font-size: 0.76rem; margin-top: 0.15rem; line-height: 1.35; }
.ic-kpi.lead { border-color: var(--accent); background: var(--accent-soft); } .ic-kpi.lead .v { color: var(--accent); }
.ic-kpi.warn { border-color: var(--bad); } .ic-kpi.warn .v { color: var(--bad); }
.ic-kpi.flag { border-color: var(--amber); } .ic-kpi.flag .v { color: var(--amber-ink); }
.ic-kpi.good .v { color: var(--ok); }

/* ---------- Picker ---------- */
.ic-drop { display: flex; flex-direction: column; align-items: center; gap: 0.35rem; text-align: center; padding: 1.75rem 1rem; border: 0.125rem dashed var(--line-strong); border-radius: var(--radius); color: var(--muted); cursor: pointer; background: var(--surface); transition: border-color .15s, background .15s; }
.ic-drop .ms { font-size: 2rem; color: var(--accent); }
.ic-drop b { color: var(--text); }
.ic-drop:hover, .ic-drop.over, .ic-drop:focus-visible { border-color: var(--accent); background: var(--accent-soft); outline: none; }
.ic-samples { display: grid; gap: 0.75rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); }
.ic-sample { all: unset; cursor: pointer; display: flex; flex-direction: column; border: 0.0625rem solid var(--line); border-radius: var(--radius); background: var(--surface); overflow: hidden; transition: border-color .15s, transform .15s, box-shadow .15s; }
.ic-sample:hover, .ic-sample:focus-visible { border-color: var(--accent); transform: translateY(-0.125rem); box-shadow: var(--shadow-lg); }
.ic-sample-body { display: flex; flex-direction: column; gap: 0.3rem; padding: 0.75rem 0.875rem 0.875rem; }
.ic-sample-body b { font-size: 0.9rem; }
.ic-sample-body .k-pill { align-self: flex-start; }
.ic-sample-body p { color: var(--muted); font-size: 0.78rem; }
.ic-thumb { height: 7.5rem; background: repeating-linear-gradient(45deg, var(--surface-2) 0 0.5rem, var(--bg) 0.5rem 1rem); display: grid; place-items: center; overflow: hidden; border-bottom: 0.0625rem solid var(--line); }
.ic-thumb .mini { width: 8rem; height: 9.5rem; margin-top: 2.5rem; background: #fff; border-radius: 0.25rem; box-shadow: 0 0.25rem 1rem rgb(0 0 0 / 14%); padding: 0.6rem; display: flex; flex-direction: column; gap: 0.3rem; }
.ic-thumb .mini i { display: block; height: 0.3rem; border-radius: 0.2rem; background: #d9dce3; }
.ic-thumb .mini i.hd { width: 55%; height: 0.45rem; background: #9aa1ad; margin-bottom: 0.3rem; }
.ic-thumb .mini i.s { width: 70%; }
.ic-thumb.photo .mini { transform: rotate(-4deg); background: linear-gradient(160deg, #fff 40%, #ece6da); }
.ic-thumb.xlsx .mini { background-image: linear-gradient(#e6e8ee 0.0625rem, transparent 0.0625rem), linear-gradient(90deg, #e6e8ee 0.0625rem, transparent 0.0625rem); background-size: 100% 0.75rem, 2rem 100%; }
.ic-recent { display: flex; flex-direction: column; }
.ic-recent-it { display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0; border-top: 0.0625rem solid var(--line); }
.ic-recent-it:first-child { border-top: 0; }
.ic-recent-it .ic-file { width: 2.25rem; height: 2.25rem; border-radius: 0.5rem; display: grid; place-items: center; background: var(--surface-2); color: var(--muted); flex: none; }
.ic-recent-it .t { flex: 1; min-width: 0; }
.ic-recent-it .t b { display: block; font-size: 0.85rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ic-recent-it .t span { color: var(--muted); font-size: 0.75rem; }

/* ---------- Reading ---------- */
.ic-slip-head { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.ic-slip-head h2 { font-size: 1.1rem; }
.ic-file-chip { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.75rem; color: var(--muted); border: 0.0625rem solid var(--line); border-radius: 1rem; padding: 0.15rem 0.6rem; background: var(--surface); }
.ic-file-chip .ms { font-size: 0.95rem; }
.ic-split { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: start; }
@media (max-width: 62rem) { .ic-split { grid-template-columns: 1fr; } }
.ic-desk { background: repeating-linear-gradient(45deg, var(--surface-2) 0 0.75rem, var(--bg) 0.75rem 1.5rem); border-radius: var(--radius); padding: 1.25rem; overflow: hidden; }

.ic-paper { position: relative; background: var(--paper); color: var(--paper-ink); border-radius: 0.25rem; padding: 1.25rem 1.25rem 1rem; box-shadow: 0 0.5rem 1.5rem rgb(0 0 0 / 14%); font-size: 0.75rem; overflow: hidden; }
.ic-paper.photo { transform: rotate(-1.2deg); background: linear-gradient(165deg, #fffefa 35%, #efe8d9 100%); box-shadow: 0 1rem 2.5rem rgb(0 0 0 / 30%); }
.ic-paper.photo::after { content: ''; position: absolute; inset: 0; background: radial-gradient(120% 80% at 80% 0%, rgb(255 255 255 / 45%), transparent 60%), linear-gradient(90deg, transparent 49.6%, rgb(0 0 0 / 5%) 50%, transparent 50.4%); pointer-events: none; }
.pp-head { display: flex; align-items: flex-start; gap: 0.6rem; padding-bottom: 0.75rem; border-bottom: 0.125rem solid #222; }
.pp-logo { width: 2.25rem; height: 2.25rem; border-radius: 0.4rem; display: grid; place-items: center; background: #23395d; color: #fff; flex: none; }
.pp-logo .ms { font-size: 1.4rem; }
.pp-head .from { flex: 1; min-width: 0; }
.pp-head .from b { display: block; font-size: 0.875rem; }
.pp-head small { color: #666; font-size: 0.6875rem; }
.pp-doc { text-align: right; }
.pp-doc b { display: block; letter-spacing: 0.08em; font-size: 0.75rem; }
.pp-to { display: flex; gap: 2rem; padding: 0.6rem 0; color: #444; flex-wrap: wrap; }
.pp-to small { display: block; color: #888; font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.06em; }
.pp-lines { width: 100%; border-collapse: collapse; font-family: ui-monospace, 'Cascadia Mono', Consolas, monospace; font-size: 0.6875rem; }
.pp-lines th { text-align: left; font-weight: 700; border-bottom: 0.0625rem solid #222; padding: 0.3rem 0.35rem; font-family: var(--font); font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.04em; }
.pp-lines td { padding: 0.4rem 0.35rem; border-bottom: 0.0625rem dotted #bbb; vertical-align: top; transition: background .2s; }
.pp-lines td:nth-child(3) { text-align: right; white-space: nowrap; }
.pp-lines tr.reading td { background: rgb(37 99 235 / 16%); }
.pp-lines tr.read td { background: rgb(5 150 105 / 9%); }
.pp-foot { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-top: 1rem; color: #666; font-size: 0.6875rem; }
.pp-sign { font-family: 'Segoe Script', 'Brush Script MT', cursive; font-size: 1.1rem; color: #1e3a8a; transform: rotate(-6deg); }
.ic-paper.xlsx { padding: 0; font-family: var(--font); }
.xl-bar { display: flex; align-items: center; gap: 0.5rem; background: #1d6f42; color: #fff; padding: 0.35rem 0.6rem; font-size: 0.6875rem; font-weight: 600; }
.xl-bar .ms { font-size: 1rem; }
.ic-paper.xlsx .pp-lines { font-family: var(--font); }
.ic-paper.xlsx .pp-lines th, .ic-paper.xlsx .pp-lines td { border: 0.0625rem solid #d6d9de; }
.ic-paper.xlsx .pp-lines th { background: #eef0f3; color: #555; text-transform: none; letter-spacing: 0; }
.ic-paper.xlsx .pp-lines td:first-child, .ic-paper.xlsx .pp-lines th:first-child { width: 1.75rem; text-align: center; background: #eef0f3; color: #777; }
.ic-beam { position: absolute; left: 0; right: 0; height: 3rem; top: -3rem; background: linear-gradient(180deg, transparent, rgb(37 99 235 / 22%) 70%, rgb(37 99 235 / 70%)); pointer-events: none; opacity: 0; }
.ic-paper.scanning .ic-beam { opacity: 1; animation: beam 1.6s linear infinite; }
@keyframes beam { from { top: -3rem; } to { top: 100%; } }

.ic-log { display: flex; flex-direction: column; gap: 0.6rem; list-style: none; margin: 0; padding: 0; }
.ic-log li { display: flex; gap: 0.6rem; align-items: flex-start; animation: k-pop .2s ease-out; }
.ic-log li > .ms { font-size: 1.25rem; color: var(--accent); }
.ic-log li.done > .ms { color: var(--ok); }
.ic-log li.busy > .ms { animation: spin 0.9s linear infinite; }
.ic-log li b { display: block; font-weight: 600; }
.ic-log li small { color: var(--muted); }
.ic-log li.warn > .ms { color: var(--amber); }
@keyframes spin { to { transform: rotate(360deg); } }
.ic-meter { height: 0.375rem; border-radius: 1rem; background: var(--surface-2); overflow: hidden; margin-top: 0.875rem; }
.ic-meter i { display: block; height: 100%; width: 0; background: var(--accent); transition: width .35s; border-radius: inherit; }
.ic-meter.done i { background: var(--ok); }

/* ---------- Match table ---------- */
.ic-table td { vertical-align: top; }
.ic-table .ic-idx span { display: inline-grid; place-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--surface-2); color: var(--muted); font-weight: 700; font-size: 0.72rem; }
.ic-table tr.row-ok td:first-child { box-shadow: inset 0.1875rem 0 var(--ok); }
.ic-table tr.row-diff td:first-child { box-shadow: inset 0.1875rem 0 var(--amber); }
.ic-table tr.row-issue td:first-child { box-shadow: inset 0.1875rem 0 var(--bad); }
.ic-table tr.row-saved td { opacity: 0.62; }
.ic-table tr.flash td { animation: rowflash 1.2s ease; }
@keyframes rowflash { 0% { background: var(--accent-soft); } }
.ic-prod { font-weight: 600; line-height: 1.35; }
.tok-x { background: var(--warn-soft); color: var(--warn); border-radius: 0.2rem; padding: 0 0.15rem; text-decoration: underline wavy; text-decoration-thickness: 0.06rem; text-underline-offset: 0.18rem; }
.ic-match { display: flex; flex-direction: column; gap: 0.3rem; min-width: 7.5rem; }
.ic-conf { display: flex; align-items: center; gap: 0.4rem; font-size: 0.72rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.ic-conf .bar { flex: 1; height: 0.35rem; border-radius: 1rem; background: var(--surface-2); overflow: hidden; min-width: 3.5rem; }
.ic-conf .bar i { display: block; height: 100%; border-radius: inherit; transition: width .6s ease; }
.ic-conf.hi .bar i { background: var(--ok); } .ic-conf.mid .bar i { background: var(--amber); } .ic-conf.lo .bar i { background: var(--bad); }
.ic-num { width: 6.5rem; height: 2rem; text-align: right; font-variant-numeric: tabular-nums; font-weight: 700; padding: 0 0.5rem; }
.ic-num:disabled { opacity: 0.7; background: var(--surface-2); }
.ic-note-row td { padding-top: 0 !important; border-top: 0; }
.ic-table tr:has(+ .ic-note-row) td { border-bottom: 0; }
.ic-note { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.75rem; color: var(--muted); margin-right: 1rem; }
.ic-note .ms { font-size: 0.95rem; color: var(--amber); }
.ic-act { display: inline-flex; gap: 0.35rem; justify-content: flex-end; }
.k-btn.approve.on { background: var(--ok-soft); border-color: var(--ok); color: var(--ok); }
.k-btn.resolve { border-color: var(--bad); color: var(--bad); }
.ic-tfoot { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; margin-top: 0.875rem; }
.ic-tally { display: flex; gap: 0.4rem; flex-wrap: wrap; }

/* resolve dialog */
.ic-cands { display: flex; flex-direction: column; gap: 0.4rem; }
.ic-cand { all: unset; cursor: pointer; display: grid; grid-template-columns: auto 1fr auto; gap: 0.25rem 0.6rem; align-items: center; padding: 0.55rem 0.7rem; border: 0.0625rem solid var(--line); border-radius: var(--radius-sm); }
.ic-cand:hover { background: var(--surface-2); }
.ic-cand.on { border-color: var(--accent); background: var(--accent-soft); }
.ic-cand .ms { color: var(--muted); }
.ic-cand.on .ms { color: var(--accent); }
.ic-cand small { grid-column: 2 / 4; color: var(--muted); font-size: 0.72rem; }
.ic-quote { background: var(--surface-2); border-radius: var(--radius-sm); padding: 0.6rem 0.75rem; font-size: 0.82rem; border-left: 0.2rem solid var(--amber); }
.ic-quote .mono { font-size: 0.75rem; color: var(--muted); }
.ic-calc { font-size: 0.95rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.ic-calc.ok { color: var(--ok); }

/* summary after save */
.ic-summary { border-color: var(--ok); }
.ic-summary .ic-kpis { margin: 0.25rem 0 0.75rem; }
.ic-supline { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; padding: 0.7rem 0.85rem; background: var(--surface-2); border-radius: var(--radius-sm); }

/* ---------- Tables (register, decide, suppliers) ---------- */
.ic-table th.sortable { cursor: pointer; user-select: none; }
.ic-table th.sortable:hover { color: var(--text); }
.ic-table th .ms { font-size: 0.9rem; vertical-align: -0.15rem; }
.ic-table tr.click { cursor: pointer; }
.ic-table tr.sel td { background: var(--accent-soft) !important; }
.ic-table input[type="checkbox"] { width: 1rem; height: 1rem; accent-color: var(--accent); margin: 0; cursor: pointer; }
.ic-ellip { max-width: 14rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ic-src { display: inline-flex; align-items: center; gap: 0.2rem; font-size: 0.72rem; color: var(--muted); }
.ic-src .ms { font-size: 0.95rem; }
.ic-dir { display: grid; grid-template-columns: 1fr 1fr; width: 7rem; height: 0.55rem; gap: 0.0625rem; }
.ic-dir span { display: flex; background: var(--surface-2); border-radius: 0.2rem; overflow: hidden; }
.ic-dir span:first-child { justify-content: flex-end; }
.ic-dir i { display: block; height: 100%; }
.ic-dir span:first-child i { background: var(--bad); }
.ic-dir span:last-child i { background: var(--amber); }
.ic-sub-row td { background: var(--surface-2) !important; }
.ic-subgrid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 1.25rem; padding: 0.3rem 0 0.5rem; }
@media (max-width: 48rem) { .ic-subgrid { grid-template-columns: 1fr; } }
.ic-mini { border-collapse: collapse; font-size: 0.78rem; width: 100%; }
.ic-mini th, .ic-mini td { padding: 0.25rem 0.5rem; text-align: left; }
.ic-mini th { color: var(--muted); font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.04em; }
.ic-mini .r { text-align: right; }
.ic-overline { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); margin-bottom: 0.3rem; }
.ic-bar { height: 0.4rem; border-radius: 1rem; background: var(--surface-2); min-width: 4rem; }
.ic-bar i { display: block; height: 100%; border-radius: inherit; background: var(--accent); }
.ic-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; }
.ic-toolbar .k-search { min-width: min(100%, 16rem); }

/* ---------- Drawer + action bar ---------- */
.ic-scrim { position: fixed; inset: 0; background: rgb(10 12 16 / 30%); z-index: 45; }
.ic-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(31rem, 100vw); background: var(--surface); border-left: 0.0625rem solid var(--line); box-shadow: var(--shadow-lg); z-index: 50; transform: translateX(100%); transition: transform .2s ease; display: flex; flex-direction: column; visibility: hidden; }
.ic-drawer.on { transform: none; visibility: visible; }
.ic-drawer > header { display: flex; align-items: flex-start; gap: 0.6rem; padding: 1rem 1.1rem 0.75rem; border-bottom: 0.0625rem solid var(--line); }
.ic-drawer > header h3 { font-size: 1rem; }
.ic-drawer > header .sub { color: var(--muted); font-size: 0.8rem; margin-top: 0.15rem; }
.ic-drawer .body { padding: 0.9rem 1.1rem 3rem; overflow: auto; flex: 1; display: flex; flex-direction: column; gap: 0.25rem; }
.ic-drawer h4 { margin: 1rem 0 0.4rem; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted); }
.ic-kv { display: grid; grid-template-columns: 9rem 1fr; gap: 0.3rem 0.75rem; font-size: 0.84rem; margin: 0; }
.ic-kv dt { color: var(--muted); } .ic-kv dd { margin: 0; min-width: 0; }
.ic-qty3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; }
.ic-qty3 div { background: var(--surface-2); border-radius: var(--radius-sm); padding: 0.55rem 0.7rem; }
.ic-qty3 small { display: block; color: var(--muted); font-size: 0.7rem; }
.ic-qty3 b { font-size: 1.1rem; font-variant-numeric: tabular-nums; }
.ic-decide { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }
.ic-suggest { display: flex; gap: 0.5rem; align-items: center; padding: 0.6rem 0.75rem; border-radius: var(--radius-sm); background: var(--accent-soft); color: var(--accent); font-weight: 600; font-size: 0.84rem; }
.ic-tl { list-style: none; margin: 0; padding: 0; font-size: 0.8rem; }
.ic-tl li { display: flex; gap: 0.6rem; padding: 0.4rem 0; border-bottom: 0.0625rem solid var(--line); }
.ic-tl li .ms { font-size: 1rem; color: var(--muted); }
.ic-tl .when { color: var(--faint); font-size: 0.72rem; display: block; }
.ic-actbar { position: fixed; left: 50%; bottom: 1.25rem; transform: translateX(-50%); z-index: 40; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; justify-content: center; background: var(--text); color: var(--bg); border-radius: 0.875rem; padding: 0.6rem 0.9rem; box-shadow: var(--shadow-lg); width: max-content; max-width: 94vw; animation: k-pop .18s ease-out; }
.ic-actbar b { margin-right: 0.4rem; white-space: nowrap; }
.ic-actbar .k-btn { background: rgb(127 127 127 / 18%); border-color: transparent; color: inherit; }
.ic-actbar .k-btn:hover { background: rgb(127 127 127 / 32%); }
.ic-claim { width: 100%; min-height: 16rem; font-family: ui-monospace, 'Cascadia Mono', Consolas, monospace; font-size: 0.75rem; line-height: 1.5; }
dialog.k-dialog.wide { width: min(42rem, 94vw); }
.ic-col { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }