/* Token & komponen desain bersama (dari Claude Design; dipakai index.html dan engine.html) */
/* ===== Design tokens — dari Claude Design (Inkara Design System), lihat internal/docs/requirements/rd-03-agent-conclusion.md ===== */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap");
:root {
  --ink-gray-950:#141413; --ink-gray-900:#1a1a19; --ink-gray-875:#20201e; --ink-gray-850:#262624;
  --ink-gray-800:#2e2e2b; --ink-gray-700:#3a3a36; --ink-gray-600:#4d4d48; --ink-gray-500:#6b6b65;
  --ink-gray-400:#8c8c86; --ink-gray-300:#b4b4ae; --ink-gray-200:#dcdcd6; --ink-gray-150:#e7e7e2;
  --ink-gray-100:#efefeb; --ink-gray-50:#f6f6f3; --ink-white:#fff;
  --ink-blue-300:#8dbbf2; --ink-blue-400:#6aa6ee; --ink-blue-500:#3987e5; --ink-blue-600:#1f6fd1; --ink-blue-700:#1757a6;
  --ink-green-400:#4cc47d; --ink-green-600:#1c7c45; --ink-green-700:#15613a;
  --ink-orange-400:#f0a050; --ink-orange-600:#b05c0c; --ink-orange-700:#8f4a09;
  --ink-red-400:#f06a5c; --ink-red-600:#c0362a; --ink-red-700:#9c2a20;
  --ink-violet-400:#b39cf0; --ink-violet-600:#6d4fc4; --ink-violet-700:#573da3;
  color-scheme: dark;
  --bg-app:var(--ink-gray-950); --surface-sunken:#161615; --surface-1:var(--ink-gray-900);
  --surface-2:var(--ink-gray-875); --surface-3:var(--ink-gray-850); --surface-overlay:#232321;
  --border-subtle:#2a2a27; --border-default:#363632; --border-strong:var(--ink-gray-600);
  --text-1:#f4f4f0; --text-2:var(--ink-gray-300); --text-3:var(--ink-gray-400); --text-on-accent:#fff;
  --accent:var(--ink-blue-500); --accent-hover:#4f95ea; --accent-soft:rgba(57,135,229,.16); --accent-edge:rgba(57,135,229,.55); --accent-text:var(--ink-blue-400);
  --pos:var(--ink-green-400); --pos-soft:rgba(76,196,125,.13); --pos-edge:rgba(76,196,125,.45); --pos-text:#62d091;
  --warn:var(--ink-orange-400); --warn-soft:rgba(240,160,80,.13); --warn-edge:rgba(240,160,80,.5); --warn-text:#f3ad66;
  --neg:var(--ink-red-400); --neg-soft:rgba(240,106,92,.13); --neg-edge:rgba(240,106,92,.5); --neg-text:#f47f73;
  --model:var(--ink-violet-400); --model-soft:rgba(179,156,240,.09); --model-edge:rgba(179,156,240,.5); --model-text:#c4b2f5;
  --phase-a-fill:transparent; --phase-b-fill:rgba(240,160,80,.10); --phase-b-edge:var(--ink-orange-400);
  --phase-c-fill:rgba(57,135,229,.13); --phase-c-edge:var(--ink-blue-500);
  --chart-line:var(--ink-blue-400); --chart-bar:#5a5a55; --chart-bar-active:var(--ink-blue-400);
  --chart-grid:#2a2a27; --chart-crosshair:#8c8c86; --focus-ring:var(--ink-blue-400);
  --shadow-pop:0 10px 30px rgba(0,0,0,.45),0 0 0 1px var(--border-default);
  --hatch:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 1px,transparent 1px 6px);
  --font-sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --fs-10:10.5px; --fs-11:11px; --fs-12:12px; --fs-13:13px; --fs-14:14px; --fs-15:15px; --fs-16:16px; --fs-18:18px; --fs-20:20px; --fs-24:24px; --fs-28:28px; --fs-36:36px;
  --tracking-label:.06em; --tracking-brand:.18em;
  --text-label:600 var(--fs-11)/1.2 var(--font-sans); --text-ui:500 var(--fs-13)/1.3 var(--font-sans);
  --text-body:400 var(--fs-14)/1.5 var(--font-sans); --text-lead:500 var(--fs-16)/1.45 var(--font-sans);
  --text-interpretation:italic 400 var(--fs-15)/1.6 var(--font-sans);
  --text-data:500 var(--fs-13)/1.3 var(--font-mono); --text-kpi:600 var(--fs-28)/1.1 var(--font-mono); --text-ticker:700 var(--fs-18)/1 var(--font-mono);
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px;
  --radius-xs:3px; --radius-sm:5px; --radius-md:8px; --radius-lg:12px; --radius-pill:999px;
  --control-h-sm:26px; --control-h:32px; --control-h-lg:40px; --touch-min:44px; --header-h:52px; --rail-w:380px; --content-max:1520px;
  --dur-fast:120ms; --dur:180ms; --ease:cubic-bezier(.2,0,0,1);
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg-app:var(--ink-gray-50); --surface-sunken:var(--ink-gray-100); --surface-1:var(--ink-white);
  --surface-2:#f8f8f5; --surface-3:var(--ink-gray-150); --surface-overlay:var(--ink-white);
  --border-subtle:#e6e6e0; --border-default:#d6d6cf; --border-strong:#a9a9a2;
  --text-1:#1a1a19; --text-2:#4d4d48; --text-3:#66665f; --text-on-accent:#fff;
  --accent:var(--ink-blue-600); --accent-hover:var(--ink-blue-700); --accent-soft:rgba(31,111,209,.09); --accent-edge:rgba(31,111,209,.5); --accent-text:var(--ink-blue-600);
  --pos:var(--ink-green-600); --pos-soft:rgba(28,124,69,.08); --pos-edge:rgba(28,124,69,.4); --pos-text:var(--ink-green-700);
  --warn:var(--ink-orange-600); --warn-soft:rgba(176,92,12,.08); --warn-edge:rgba(176,92,12,.45); --warn-text:var(--ink-orange-700);
  --neg:var(--ink-red-600); --neg-soft:rgba(192,54,42,.07); --neg-edge:rgba(192,54,42,.4); --neg-text:var(--ink-red-700);
  --model:var(--ink-violet-600); --model-soft:rgba(109,79,196,.05); --model-edge:rgba(109,79,196,.45); --model-text:var(--ink-violet-700);
  --phase-b-fill:rgba(176,92,12,.07); --phase-b-edge:var(--ink-orange-600); --phase-c-fill:rgba(31,111,209,.08); --phase-c-edge:var(--ink-blue-600);
  --chart-line:var(--ink-blue-600); --chart-bar:var(--ink-gray-300); --chart-bar-active:var(--ink-blue-600);
  --chart-grid:#ececE6; --chart-crosshair:#66665f; --focus-ring:var(--ink-blue-600);
  --shadow-pop:0 10px 30px rgba(20,20,19,.12),0 0 0 1px var(--border-default);
  --hatch:repeating-linear-gradient(135deg,rgba(0,0,0,.05) 0 1px,transparent 1px 6px);
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg-app);color:var(--text-1);font:var(--text-body);-webkit-font-smoothing:antialiased}
a{color:var(--accent-text)}a:hover{color:var(--text-1)}
::selection{background:var(--accent-soft);color:var(--text-1)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.ink-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.ink-label{font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-3)}
.ink-muted{color:var(--text-3)}
.ink-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ink-icon{flex:none;display:inline-block;vertical-align:middle}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ===== Components (dari Claude Design components.css, dipakai sebagai kelas statis) ===== */
.ink-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}
.ink-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--control-h);padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-2);color:var(--text-1);font:500 var(--fs-13)/1 var(--font-sans);cursor:pointer;white-space:nowrap}
.ink-btn:hover{background:var(--surface-3);border-color:var(--border-strong)}
.ink-btn--ghost{background:transparent;border-color:transparent;color:var(--text-2)}
.ink-btn--ghost:hover{background:var(--surface-2);border-color:transparent;color:var(--text-1)}
.ink-btn--sm{height:var(--control-h-sm);padding:0 8px;font-size:var(--fs-12);gap:4px}
.ink-btn--icon{width:var(--control-h);padding:0}.ink-btn--icon.ink-btn--sm{width:var(--control-h-sm)}
.ink-seg{display:inline-flex;padding:2px;gap:2px;background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}
.ink-seg__opt{height:28px;padding:0 12px;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--text-2);font:500 var(--fs-13)/1 var(--font-sans);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ink-seg__opt:hover{color:var(--text-1)}
.ink-seg__opt[aria-pressed="true"]{background:var(--surface-3);color:var(--text-1);box-shadow:inset 0 0 0 1px var(--border-default)}
.ink-seg__time{font:400 var(--fs-11)/1 var(--font-mono);color:var(--text-3)}
.ink-check{display:inline-flex;align-items:center;gap:8px;font:400 var(--fs-13)/1.2 var(--font-sans);color:var(--text-1);cursor:pointer;user-select:none}
.ink-check input{appearance:none;flex:none;width:16px;height:16px;margin:0;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-1);display:grid;place-items:center;cursor:pointer}
.ink-check input:checked{background:var(--accent);border-color:var(--accent)}
.ink-check input:checked::after{content:"";width:8px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.ink-select{position:relative;display:inline-flex;align-items:center}
.ink-select select{appearance:none;height:var(--control-h);padding:0 30px 0 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-1);font:500 var(--fs-13)/1 var(--font-sans);cursor:pointer}
.ink-select select:hover{border-color:var(--border-strong)}
.ink-select .ink-icon{position:absolute;right:9px;pointer-events:none;color:var(--text-3)}
.ink-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-subtle);padding:0 8px;overflow-x:auto}
.ink-tabs__tab{position:relative;height:40px;padding:0 10px;border:0;background:none;color:var(--text-2);font:500 var(--fs-13)/1 var(--font-sans);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.ink-tabs__tab:hover{color:var(--text-1)}
.ink-tabs__tab[aria-selected="true"]{color:var(--text-1)}
.ink-tabs__tab[aria-selected="true"]::after{content:"";position:absolute;left:6px;right:6px;bottom:-1px;height:2px;background:var(--accent);border-radius:2px 2px 0 0}
.ink-tabs__count{font:500 var(--fs-11)/1 var(--font-mono);color:var(--text-3)}
.ink-badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 7px;border-radius:var(--radius-xs);font:600 var(--fs-11)/1 var(--font-sans);letter-spacing:.01em;white-space:nowrap;border:1px solid var(--border-default);background:var(--surface-2);color:var(--text-2)}
.ink-badge--sm{height:18px;padding:0 5px;font-size:var(--fs-10);gap:4px}
.ink-badge--pos{background:var(--pos-soft);color:var(--pos-text);border-color:var(--pos-edge)}
.ink-badge--warn{background:var(--warn-soft);color:var(--warn-text);border-color:var(--warn-edge)}
.ink-badge--neg{background:var(--neg-soft);color:var(--neg-text);border-color:var(--neg-edge)}
.ink-badge--model{background:var(--model-soft);color:var(--model-text);border-color:var(--model-edge);border-style:dashed}
.ink-badge--unvalidated{background:var(--warn-soft);color:var(--warn-text);border-color:var(--warn-edge);border-style:dashed}
.ink-chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-1);cursor:pointer;font:600 var(--fs-13)/1 var(--font-mono)}
.ink-chip:hover{border-color:var(--border-strong)}
.ink-chip[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.ink-chip__src{font:500 var(--fs-11)/1 var(--font-sans);color:var(--text-3);display:inline-flex;align-items:center;gap:3px}
.ink-wl-dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}
.ink-status{display:inline-flex;align-items:center;gap:7px;font:500 var(--fs-12)/1 var(--font-sans);color:var(--text-2);white-space:nowrap}
.ink-status__dot{width:8px;height:8px;border-radius:50%;background:var(--text-3)}
.ink-status--live .ink-status__dot{background:var(--pos);box-shadow:0 0 0 3px var(--pos-soft);animation:ink-pulse 2s var(--ease) infinite}
.ink-status--connecting .ink-status__dot{background:var(--warn);animation:ink-blink 1s steps(2) infinite}
.ink-status--offline .ink-status__dot{background:transparent;border:2px solid var(--text-3)}
@keyframes ink-pulse{50%{box-shadow:0 0 0 6px transparent}}
@keyframes ink-blink{50%{opacity:.35}}
.ink-banner{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border:1px solid var(--warn-edge);background:var(--warn-soft);background-image:var(--hatch);color:var(--text-1);border-radius:var(--radius-sm);font:400 var(--fs-13)/1.45 var(--font-sans)}
.ink-banner__title{font:700 var(--fs-12)/1.45 var(--font-sans);letter-spacing:var(--tracking-label);color:var(--warn-text);margin-right:6px}
.ink-banner>.ink-icon{color:var(--warn-text);margin-top:1px}
.ink-kpi{padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.ink-kpi__head{display:flex;align-items:center;gap:6px;color:var(--text-3)}
.ink-kpi__value{font:var(--text-kpi);letter-spacing:-.01em;color:var(--text-1);font-variant-numeric:tabular-nums;white-space:nowrap}
.ink-kpi__unit{font-size:.55em;font-weight:500;color:var(--text-2);margin-left:3px}
.ink-kpi__sub{font:400 var(--fs-12)/1.35 var(--font-sans);color:var(--text-3)}
.ink-kpi--pos .ink-kpi__head{color:var(--pos-text)}.ink-kpi--warn .ink-kpi__head{color:var(--warn-text)}
.ink-delta{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.ink-delta--up{color:var(--pos-text)}.ink-delta--down{color:var(--neg-text)}.ink-delta--flat{color:var(--text-3)}
.ink-phase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-1)}
.ink-phase__cell{position:relative;padding:12px 14px 12px;display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--border-subtle);min-width:0}
.ink-phase__cell:first-child{border-left:0}
.ink-phase__cell::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--border-default)}
.ink-phase__cell--b{background:var(--phase-b-fill)}.ink-phase__cell--b::before{background:var(--phase-b-edge)}
.ink-phase__cell--c{background:var(--phase-c-fill);background-image:var(--hatch)}.ink-phase__cell--c::before{background:var(--phase-c-edge)}
.ink-phase__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ink-phase__key{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:var(--radius-xs);border:1px solid var(--border-strong);font:700 var(--fs-11)/1 var(--font-mono);color:var(--text-1)}
.ink-phase__name{font:600 var(--fs-13)/1.2 var(--font-sans)}
.ink-phase__time{font:500 var(--fs-12)/1 var(--font-mono);color:var(--text-2);margin-left:auto}
.ink-phase__rule{font:400 var(--fs-12)/1.4 var(--font-sans);color:var(--text-2);display:flex;gap:5px;align-items:flex-start}
.ink-phase__rule .ink-icon{margin-top:2px;color:var(--text-3)}
@media (max-width:640px){.ink-phase{grid-template-columns:1fr}.ink-phase__cell{border-left:0;border-top:1px solid var(--border-subtle);padding-left:16px}.ink-phase__cell:first-child{border-top:0}}
.ink-spark{display:block;overflow:visible}
.ink-bars{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}
.ink-bars__row{display:grid;grid-template-columns:34px minmax(0,1fr) 46px;gap:8px;align-items:center;font:500 var(--fs-12)/1 var(--font-mono);font-variant-numeric:tabular-nums}
.ink-bars__label{color:var(--text-1);font-weight:600}
.ink-bars__track{height:12px;background:var(--surface-sunken);border-radius:2px;overflow:hidden}
.ink-bars__fill{height:100%;background:var(--text-3);border-radius:2px}
.ink-bars--buy .ink-bars__fill{background:var(--pos)}.ink-bars--sell .ink-bars__fill{background:var(--neg)}
.ink-bars__val{text-align:right;color:var(--text-2)}
.ink-table-wrap{overflow:auto;max-width:100%;max-height:560px}
.ink-table{width:100%;border-collapse:separate;border-spacing:0;font:400 var(--fs-13)/1.3 var(--font-sans)}
.ink-table th{position:sticky;top:0;z-index:1;background:var(--surface-1);text-align:right;padding:9px 10px;font:600 var(--fs-11)/1.2 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border-default);white-space:nowrap;cursor:pointer;user-select:none}
.ink-table th[aria-sort]{color:var(--text-1)}
.ink-table td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--border-subtle);font:500 var(--fs-13)/1.3 var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-1)}
.ink-table th:first-child,.ink-table td:first-child{text-align:left;padding-left:16px}
.ink-table .is-left{text-align:left}
.ink-table tbody tr{cursor:pointer}
.ink-table tbody tr:hover td{background:var(--surface-2)}
.ink-table tbody tr[aria-selected="true"] td{background:var(--accent-soft)}
.ink-table td.is-traced{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft);animation:ink-trace 1.2s var(--ease)}
@keyframes ink-trace{0%{box-shadow:inset 0 0 0 2px var(--accent),0 0 0 6px var(--accent-soft)}}
.ink-ticker{font:700 var(--fs-13)/1 var(--font-mono);letter-spacing:.02em;display:inline-flex;align-items:center;gap:6px}
.ink-conf{display:inline-flex;align-items:center;gap:7px;font:500 var(--fs-12)/1 var(--font-sans);color:var(--text-2);white-space:nowrap}
.ink-conf__bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}
.ink-conf__bars i{display:block;width:4px;border-radius:1px;background:transparent;box-shadow:inset 0 0 0 1px var(--border-strong);font-style:normal}
.ink-conf__bars i:nth-child(1){height:5px}.ink-conf__bars i:nth-child(2){height:8px}.ink-conf__bars i:nth-child(3){height:12px}
.ink-conf__bars i.on{background:var(--text-1);box-shadow:none}
.ink-conf b{color:var(--text-1);font-weight:600}
.ink-ref{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;margin:0 1px;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-2);color:var(--text-2);font:600 var(--fs-10)/1 var(--font-mono);font-style:normal;vertical-align:2px;cursor:pointer}
.ink-ref:hover,.ink-ref[aria-pressed="true"]{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}
.ink-agent{display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:0}
.ink-agent__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:14px 16px 0}
.ink-agent__ticker{font:var(--text-ticker);letter-spacing:.02em;color:var(--text-1)}
.ink-agent__verdict{padding:10px 16px 14px;display:flex;flex-direction:column;gap:6px}
.ink-agent__verdict-kicker{display:flex;align-items:center;gap:5px;font:600 var(--fs-11)/1 var(--font-sans);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--model-text)}
.ink-agent__lead{margin:0;font:var(--text-lead);color:var(--text-1)}
.ink-agent__trust{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:10px 16px;border-top:1px solid var(--border-subtle);background:var(--surface-2)}
.ink-agent__sec{padding:14px 16px;border-top:1px solid var(--border-subtle)}
.ink-agent__sechead{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.ink-agent__sechead .ink-label{color:var(--text-2)}
.ink-agent__sechint{font:400 var(--fs-11)/1 var(--font-sans);color:var(--text-3);margin-left:auto}
.ink-facts{list-style:none;margin:0 -8px;padding:0;display:flex;flex-direction:column;gap:2px}
.ink-fact{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:baseline;width:100%;padding:8px;border:0;border-radius:var(--radius-sm);background:none;color:inherit;text-align:left;cursor:pointer;font:400 var(--fs-13)/1.45 var(--font-sans)}
.ink-fact:hover{background:var(--surface-2)}
.ink-fact[aria-pressed="true"]{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-edge)}
.ink-fact__n{grid-row:1/4;align-self:start;margin-top:1px}
.ink-fact__text{color:var(--text-1)}
.ink-fact__val{font:500 var(--fs-13)/1.4 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-1)}
.ink-fact__src{display:flex;align-items:center;gap:4px;font:400 var(--fs-11)/1.3 var(--font-sans);color:var(--text-3)}
.ink-interp{padding:12px 14px;border:1px dashed var(--model-edge);background:var(--model-soft);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px}
.ink-interp p{margin:0;font:var(--text-interpretation);color:var(--text-1)}
.ink-why{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ink-why li{display:flex;gap:7px;align-items:flex-start;font:400 var(--fs-12)/1.45 var(--font-sans);color:var(--text-2)}
.ink-why .ink-icon{margin-top:2px}
.ink-why .is-support .ink-icon{color:var(--pos-text)}.ink-why .is-limit .ink-icon{color:var(--warn-text)}
.ink-agent__meta{padding:10px 16px;border-top:1px solid var(--border-subtle);font:400 var(--fs-11)/1.4 var(--font-mono);color:var(--text-3);display:flex;flex-wrap:wrap;gap:4px 12px}
.ink-sum{display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}
.ink-sum__top{padding:14px 16px 12px;display:flex;flex-direction:column;gap:10px}
.ink-sum__headline{margin:0;font:500 var(--fs-18)/1.35 var(--font-sans);color:var(--text-1)}
.ink-sum__headline .ink-num{font-weight:700}
.ink-sum__bar{display:flex;gap:2px;height:8px}
.ink-sum__seg{flex:1;border-radius:1px;background:var(--border-default)}
.ink-sum__seg--locked-push{background:var(--pos)}.ink-sum__seg--spoof{background:var(--warn);background-image:var(--hatch)}
.ink-sum__legend{display:flex;flex-wrap:wrap;gap:4px 14px;font:400 var(--fs-12)/1.3 var(--font-sans);color:var(--text-2)}
.ink-sum__legend b{font-family:var(--font-mono);color:var(--text-1)}
.ink-sum__rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--border-subtle)}
.ink-sum__row{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:4px 10px;align-items:center;width:100%;padding:10px 16px;border:0;border-bottom:1px solid var(--border-subtle);background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}
.ink-sum__rows li:last-child .ink-sum__row{border-bottom:0}
.ink-sum__row:hover{background:var(--surface-2)}
.ink-sum__row[aria-current="true"]{background:var(--accent-soft)}
.ink-sum__line{grid-column:2/4;font:400 var(--fs-12)/1.4 var(--font-sans);color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (pointer:coarse){.ink-btn,.ink-select select{min-height:var(--touch-min)}.ink-seg__opt{height:40px}.ink-chip{height:40px}.ink-fact,.ink-sum__row{min-height:var(--touch-min)}}