/* ═══════════════════════════════════════════════════════════════════
   v0.2.10 — MINT SEAM applied to Slate Command (was held out).
   This file is linked ONLY from slate-command.html, so the :root token
   override below is page-scoped: it flips every var(--accent-pos) surface
   on this page (timeline .node-time/.node-foot, LIVE pill, .btn.primary,
   confidence rings, receipt badges, bars, inspector) from the legacy
   emerald #00d97a to the canonical mint #5DE0AC — converging on the mint
   the hero chips already use. No selector changes vs v0.2.9; token-only.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --accent-pos:#5DE0AC;
  --accent-pos-dim:rgba(93,224,172,0.12);
  --accent-pos-border:rgba(93,224,172,0.24);
}

:root { --sc-radius:14px; }
/* header (re-tokened) */
.sc-brand{display:flex;align-items:center;gap:12px}
.sc-mark{width:34px;height:34px;border-radius:8px;background:var(--accent-pos);color:#04120a;font:700 15px/34px var(--font-mono);text-align:center;letter-spacing:-1px}
.sc-brand-copy{display:flex;flex-direction:column;line-height:1}
.sc-brand-copy strong{font:800 14px var(--font-display);letter-spacing:.18em;color:var(--text-primary)}
.sc-brand-copy span{margin-top:5px;font:400 9px var(--font-mono);letter-spacing:.26em;color:var(--text-tertiary)}
.sc-meta{display:flex;align-items:center;gap:22px;font:500 10px var(--font-mono);letter-spacing:.11em;color:var(--text-secondary)}
.sc-meta-col{display:flex;flex-direction:column;gap:5px;line-height:1}
.sc-meta-col label{font:600 8px var(--font-mono);letter-spacing:.2em;color:var(--text-tertiary)}
.sc-meta-col b{font:500 11px var(--font-mono);color:var(--text-primary)}
.sc-pill{padding:8px 12px;border:1px solid var(--border-strong);border-radius:7px;background:var(--bg-elev-1)}
.sc-pill b{color:var(--accent-pos);font-weight:600}
.sc-live{border:1px solid var(--accent-pos-border);color:var(--accent-pos);background:var(--accent-pos-dim);border-radius:20px}
.sc-live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent-pos);margin-right:8px}

/* hero data reuse: grade chip, thesis read, kpi side cells, concentration */
#c-grade{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border-radius:10px;background:var(--accent-pos-dim);border:1px solid var(--accent-pos-border);color:var(--accent-pos);font:800 26px var(--font-display);line-height:1}
#c-gradecopy h1{font:800 22px var(--font-display);color:var(--text-primary);margin:14px 0 6px;letter-spacing:-.02em}
#c-gradecopy p{margin:0;color:var(--text-secondary);font:500 11px var(--font-mono)}
.bh-side .kpi{padding:0}
.bh-side #c-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}
#c-kpis .kpi{background:var(--bg-elev-2);padding:16px}
#c-kpis .kpi label{display:block;font:500 9px var(--font-mono);letter-spacing:.16em;color:var(--text-tertiary);text-transform:uppercase}
#c-kpis .kpi strong{display:block;font:700 28px var(--font-mono);margin-top:10px;color:var(--text-primary)}
#c-kpis .kpi span{display:block;font:400 9px var(--font-mono);color:var(--text-tertiary);margin-top:5px}
#c-comp{margin-top:14px;border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--bg-elev-1)}
#c-comp h3{font:600 9px var(--font-mono);letter-spacing:.16em;color:var(--text-secondary);text-transform:uppercase;margin:0 0 12px}
.comp-row{display:grid;grid-template-columns:80px 1fr 40px;gap:10px;align-items:center;margin:9px 0;font:500 10px var(--font-mono);color:var(--text-secondary)}
.comp-row b{text-align:right;color:var(--text-primary)}
.bar{height:6px;background:var(--bg-elev-3);border-radius:99px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent-pos);border-radius:inherit}

/* section headers */
.section{margin-top:34px}
.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}
.section-title small{display:block;font:600 9px var(--font-mono);letter-spacing:.2em;color:var(--text-tertiary);text-transform:uppercase;margin-bottom:8px}
.section-title h2{margin:0;font:700 23px var(--font-display);color:var(--text-primary);letter-spacing:-.02em}
.section-copy{font:400 10px var(--font-mono);color:var(--text-tertiary)}

/* timeline */
.timeline{border:1px solid var(--border);border-radius:var(--sc-radius);padding:24px;background:var(--bg-elev-1)}
.timeline-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.game-node{padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elev-2);min-height:150px;cursor:pointer;transition:.2s}
.game-node:hover,.game-node.active{border-color:var(--accent-pos-border)}
.game-node.active{background:var(--accent-pos-dim)}
.node-time{font:600 9px var(--font-mono);letter-spacing:.13em;color:var(--accent-pos)}
.game-node h3{font:600 14px var(--font-display);color:var(--text-primary);margin:11px 0 16px;line-height:1.25}
.node-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.node-stat strong{font:700 17px var(--font-mono);color:var(--text-primary)}
.node-stat span{display:block;margin-top:3px;font:500 7px var(--font-mono);letter-spacing:.1em;color:var(--text-tertiary);text-transform:uppercase}
.node-foot{margin-top:13px;font:500 8.5px var(--font-mono);color:var(--accent-pos);line-height:1.4}

/* analytics panels */
.analytics-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:18px}
.panel{border:1px solid var(--border);border-radius:var(--sc-radius);overflow:hidden;background:var(--bg-elev-1)}
.panel-head{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.panel-head h3{margin:0;font:600 16px var(--font-display);color:var(--text-primary)}
.panel-head span{font:400 9px var(--font-mono);letter-spacing:.1em;color:var(--text-tertiary)}
.scatter-wrap{padding:14px 18px 8px}
.scatter{width:100%;height:360px;display:block}
.legend{display:flex;gap:16px;align-items:center;padding:4px 20px 18px;font:500 8px var(--font-mono);color:var(--text-secondary)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}
.intel{padding:8px}
.market-card{padding:16px;border-bottom:1px solid var(--border)}
.market-card:last-child{border-bottom:0}
.market-top{display:flex;justify-content:space-between;align-items:center}
.market-name{font:600 11px var(--font-mono);letter-spacing:.13em;color:var(--text-primary)}
.signal{font:600 9px var(--font-mono);color:var(--accent-pos)}
.market-main{display:flex;align-items:flex-end;gap:12px;margin-top:12px}
.market-main strong{font:700 34px var(--font-mono);color:var(--text-primary)}
.market-main span{font:400 9px/1.5 var(--font-mono);color:var(--text-secondary);padding-bottom:4px}
.mini-bars{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;height:36px;align-items:end;margin-top:13px}
.mini-bars i{display:block;background:var(--accent-pos);border-radius:3px 3px 0 0;opacity:.72}

/* workbench */
.workbench{display:grid;grid-template-columns:240px 1fr 300px;border:1px solid var(--border);border-radius:var(--sc-radius);overflow:hidden;background:var(--bg-elev-1)}
.filters{padding:18px;border-right:1px solid var(--border)}
.rail-title{font:600 9px var(--font-mono);letter-spacing:.18em;color:var(--text-tertiary);text-transform:uppercase;margin-bottom:16px}
.filter-group{margin-bottom:18px}
.filter-group label{display:block;font:500 8px var(--font-mono);letter-spacing:.12em;color:var(--text-secondary);margin-bottom:9px;text-transform:uppercase}
.sc-filter-pill{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border:1px solid var(--border);border-radius:7px;margin-bottom:6px;font:500 9px var(--font-mono);color:var(--text-secondary);background:var(--bg-elev-2);cursor:pointer}
.sc-filter-pill.active{border-color:var(--accent-pos-border);color:var(--accent-pos);background:var(--accent-pos-dim)}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:820px}
thead th{position:sticky;top:0;background:var(--bg-elev-2);z-index:2;text-align:left;padding:14px 12px;border-bottom:1px solid var(--border);font:600 8px var(--font-mono);letter-spacing:.12em;color:var(--text-tertiary);text-transform:uppercase}
tbody td{padding:13px 12px;border-bottom:1px solid var(--divider);font-size:11px;color:var(--text-secondary);vertical-align:middle}
tbody tr{cursor:pointer}
tbody tr:hover,tbody tr.selected{background:var(--accent-pos-dim)}
.rank{font:600 10px var(--font-mono);color:var(--text-tertiary)}
tbody tr:hover .rank,tbody tr.selected .rank{color:var(--accent-pos)}
.player{font:600 13px var(--font-display);color:var(--text-primary)}
.sub{display:block;font:500 8px var(--font-mono);color:var(--text-tertiary);margin-top:3px}
.edge{font:700 12px var(--font-mono);color:var(--accent-pos)}
.confidence{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:50%;font:700 9px var(--font-mono)}
.confidence.A{border-color:var(--accent-pos-border);color:var(--accent-pos)}
.confidence.B{border-color:var(--accent-warn-border);color:var(--accent-warn)}
.rcpt{display:flex;align-items:center;gap:7px;font:600 10px var(--font-mono)}
.rcpt .hit{color:var(--text-primary)}
.rcpt.u .hit{color:var(--text-secondary);font-weight:500}
.rbadge{font:700 7px var(--font-mono);padding:2px 5px;border-radius:4px;border:1px solid}
.rbadge.b{color:var(--accent-pos);border-color:var(--accent-pos-border);background:var(--accent-pos-dim)}
.rbadge.x{color:var(--accent-warn);border-color:var(--accent-warn-border);background:var(--accent-warn-dim)}
.inspector{padding:20px;border-left:1px solid var(--border);background:var(--bg-elev-1)}
.inspector h3{font:700 22px var(--font-display);color:var(--text-primary);margin:4px 0}
.inspector .meta{font:500 9px var(--font-mono);color:var(--text-secondary)}
.inspect-edge{margin:20px 0 16px;padding:18px;border:1px solid var(--accent-pos-border);border-radius:12px;background:var(--accent-pos-dim)}
.inspect-edge span{font:500 8px var(--font-mono);letter-spacing:.12em;color:var(--text-tertiary)}
.inspect-edge strong{display:block;font:800 42px var(--font-display);color:var(--accent-pos);margin-top:8px}
.inspect-receipt{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev-2);font:600 11px var(--font-mono)}
.inspect-receipt.backed{border-color:var(--accent-pos-border);background:var(--accent-pos-dim)}
.inspect-receipt .lab{font:500 8px var(--font-mono);letter-spacing:.1em;color:var(--text-tertiary);text-transform:uppercase}
.metric-line{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border);font:500 9px var(--font-mono)}
.metric-line span{color:var(--text-tertiary)}
.metric-line b{color:var(--text-primary);font-weight:600}
.reason{margin-top:16px;padding:14px;background:var(--bg-elev-2);border-radius:10px;font:400 10px/1.6 var(--font-display);color:var(--text-secondary)}
.btn{border:1px solid var(--border-strong);background:var(--bg-elev-2);color:var(--text-primary);padding:11px 15px;border-radius:8px;font:600 10px var(--font-mono);letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
.btn.primary{background:var(--accent-pos);border-color:var(--accent-pos);color:#04120b;font-weight:700}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}

/* bottom grid */
.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.monitor{padding:20px}
.monitor-row{display:grid;grid-template-columns:150px 1fr 50px;gap:12px;align-items:center;margin:14px 0}
.monitor-row label{font:500 9px var(--font-mono);color:var(--text-secondary)}
.monitor-row b{font:600 10px var(--font-mono);text-align:right;color:var(--text-primary)}
.diag{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}
.diag-card{padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev-2)}
.diag-card span{font:500 7px var(--font-mono);letter-spacing:.12em;color:var(--text-tertiary);text-transform:uppercase}
.diag-card strong{display:block;margin-top:9px;font:700 18px var(--font-mono);color:var(--text-primary)}
.diag-card.ok strong{color:var(--accent-pos)}
.footer{margin-top:34px;padding:22px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;font:400 9px var(--font-mono);letter-spacing:.1em;color:var(--text-muted)}
@media (max-width:1200px){.timeline-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1100px){.analytics-grid{grid-template-columns:1fr}.workbench{grid-template-columns:180px 1fr}.inspector{display:none}.bottom-grid{grid-template-columns:1fr}}

/* v0.2.1 grid containment — prevent filter rail overflow */
.workbench > *{min-width:0}
.filters{min-width:0;overflow:hidden}
.table-wrap{min-width:0}
.inspector{min-width:0}
.sc-filter-pill{overflow:hidden;white-space:nowrap;gap:8px}
.sc-filter-pill span{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}

/* v0.2.5 — stack filter pills vertically so labels fit in the rail */
.filter-group{display:flex;flex-direction:column;gap:6px}
.filter-group label{margin-bottom:4px}
.sc-filter-pill{width:100%;box-sizing:border-box}
.sc-filter-pill span{text-overflow:clip}

/* v0.2.7 — scatter dot hover affordance */
.sc-scatter .sc-dot{cursor:pointer;transition:r .12s ease,opacity .12s ease}
.sc-scatter .sc-dot:hover{opacity:1}

/* ═══════════════════════════════════════════════════════════════════
   v0.2.9 — hero reverted (funnel styles removed); keeps the
   contrast pass, receipt %, and scatter dot<->row selection ring
   ═══════════════════════════════════════════════════════════════════ */

/* --- CONTRAST / MIN-TEXT PASS: lift whisper text one legibility level --- */
.node-stat span{font-size:8px;color:var(--text-secondary)}
.node-foot{font-size:9.5px}
.section-title small{font-size:9.5px;color:var(--text-secondary)}
.filter-group label{font-size:9px;color:var(--text-secondary)}
.rail-title{font-size:9.5px}
thead th{font-size:9px;color:var(--text-secondary)}
.legend{font-size:9px;color:var(--text-secondary)}
.sub{font-size:8.5px}
.market-main span{font-size:9.5px}
.metric-line{font-size:9.5px}
.inspect-receipt .lab{font-size:8.5px}
.diag-card span{font-size:8px}
.panel-head span{font-size:9.5px}

/* --- RECEIPT hit-rate % on the ranked table --- */
.rpct{font:600 10px var(--font-mono);color:var(--text-secondary)}
.rcpt.u .rpct{color:var(--text-tertiary)}

/* slightly taller ranked rows for scanability */
tbody td{padding:15px 12px}

/* --- SCATTER dot<->row selection sync (also fixes the v0.2.7 dead .sc-scatter selector) --- */
#c-scatter .sc-dot{cursor:pointer;transition:stroke-width .12s ease}
#c-scatter .sc-dot:hover{opacity:1}
#c-scatter .sc-dot.sel{stroke:#f5f3eb;stroke-width:2.5}