@import url('/_shared/tokens.css');
@import url('/_shared/zen.css');

/* ═══════════════════════════════════════════════════════════
   arifOS ECONOMICS SPINE — shared CSS for all 5 organs
   VITALS · MALAYSIA · OIL · GAS · GOLD
   One family. One rhythm. Per-page --accent only.
   DITEMPA BUKAN DIBERI · v1.0 · 2026-07-24
   ═══════════════════════════════════════════════════════════ */

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  font-size:14px;
  line-height:1.6;
  overflow-x:hidden;
  min-height:100vh;
  padding-bottom:80px;
}

/* ── DESIGN TOKENS (override --accent per page) ── */
:root{
  --bg:#0a0c10;--surface:#11151c;--surface2:#151b24;--surface3:#1a1f2b;
  --line:#1f2733;--line2:#2a3342;
  --ink:#e6edf3;--dim:#8b98a8;--faint:#5a6675;
  --seal:#31c48d;--sabar:#e3b341;--hold:#e8833a;--void:#f0506e;
  --accent:#4aa8ff;--accent-dim:#1a4a80;--accent-bg:rgba(74,168,255,.08);--accent-glow:rgba(74,168,255,.15);
  --mono:'IBM Plex Mono','SF Mono',ui-monospace,'Cascadia Code',Menlo,Consolas,monospace;
  --sans:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --display:'DM Serif Display',Georgia,serif;
  --gap-xs:.25rem;--gap-sm:.5rem;--gap-md:1rem;--gap-lg:1.5rem;--gap-xl:2rem;
  --radius:10px;--radius-sm:6px;
}

/* ── UTILITY ── */
.mono{font-family:var(--mono)}
.disp{font-family:var(--display)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}

/* ── ZEN PULSE NAV ── */
.zen-pulse{
  position:sticky;top:0;z-index:30;
  background:rgba(10,12,16,.94);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:1.5rem;
  padding:0.5rem 1.5rem;font-size:0.7rem;font-family:var(--mono);
  overflow-x:auto;white-space:nowrap;
}
.zp-item{display:flex;gap:0.4rem;align-items:center}
.zp-ask{color:var(--faint)}
.zp-val{color:var(--sabar);font-weight:500}
.zp-nav{margin-left:auto;display:flex;gap:10px;align-items:center}
.zp-nav a{
  color:var(--dim);text-decoration:none;font-size:10px;
  padding:2px 8px;border-radius:3px;transition:all .15s;
  font-family:var(--mono);white-space:nowrap;
}
.zp-nav a:hover{color:var(--ink);background:var(--surface2)}
.zp-nav a.here{color:var(--ink);background:var(--accent-bg);font-weight:600}
.zp-nav .badge{
  display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:3px;flex-shrink:0;
}
.pulsedot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;animation:zen 2.4s ease-in-out infinite}
@keyframes zen{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}

/* ── HERO ── */
.hero{padding:28px 0 10px}
.hero-tag{font-family:var(--mono);color:var(--faint);font-size:11px;letter-spacing:1.2px;text-transform:uppercase}
.hero h1{font-family:var(--display);font-size:24px;font-weight:400;margin:4px 0 6px;color:#fff}
.hero h1 span{color:var(--accent)}
.hero h1 .epi-tag{
  font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 8px;
  border-radius:4px;letter-spacing:.5px;margin-left:10px;
  background:rgba(227,179,65,.18);color:var(--sabar);vertical-align:middle;position:relative;top:-2px;
}
.hero .subtitle{font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:4px}

/* ── PULSE BAR ── */
.pulse-wrap{
  background:var(--surface);border:1px solid var(--line);
  border-radius:14px;padding:22px;
}
.pulse-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px}
.pulse-val{font-family:var(--mono);font-size:52px;font-weight:700;line-height:1}
.verdict-badge{
  font-family:var(--mono);font-size:14px;font-weight:700;
  padding:4px 14px;border-radius:20px;letter-spacing:1px;
}
.verdict-badge.SEAL{background:rgba(49,196,141,.15);color:var(--seal)}
.verdict-badge.SABAR{background:rgba(227,179,65,.15);color:var(--sabar)}
.verdict-badge.HOLD{background:rgba(232,131,58,.15);color:var(--hold)}
.verdict-badge.VOID{background:rgba(240,80,110,.15);color:var(--void)}
.pulse-desc{font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:4px}
.pulse-bar{height:14px;border-radius:8px;background:var(--surface2);margin-top:16px;overflow:hidden;position:relative;border:1px solid var(--line)}
.pulse-fill{height:100%;border-radius:8px;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.pulse-bands{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--faint);margin-top:6px}
.pulse-meta{font-family:var(--mono);font-size:10px;color:var(--faint);margin-top:6px;display:flex;align-items:center;gap:8px}
.stale-tag{font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px}
.stale-tag.fresh{background:rgba(49,196,141,.12);color:var(--seal)}
.stale-tag.stale{background:rgba(232,131,58,.15);color:var(--hold);animation:stalePulse 3s ease-in-out infinite}
@keyframes stalePulse{0%,100%{opacity:.6}50%{opacity:1}}

/* ── SUB-SCORES ── */
.subscores{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.sub-card{
  background:var(--surface2);border:1px solid var(--line);
  border-radius:10px;padding:14px;
}
.sub-card .lab{font-family:var(--mono);font-size:11px;color:var(--dim);letter-spacing:.5px}
.sub-card .val{font-family:var(--mono);font-size:24px;font-weight:700;margin-top:3px}
.sub-card .wt{font-family:var(--mono);font-size:10px;color:var(--faint);margin-top:2px}
.sub-card .epi{
  font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 6px;
  border-radius:3px;display:inline-block;margin-top:4px;
}

/* ── EPISTEMIC TAGS ── */
.epi-tag-small{
  font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 6px;
  border-radius:3px;letter-spacing:.4px;flex-shrink:0;
}
.epi-tag-small.EVIDENCE{background:rgba(49,196,141,.14);color:var(--seal)}
.epi-tag-small.INTERPRET{background:rgba(227,179,65,.14);color:var(--sabar)}
.epi-tag-small.MIXED{background:rgba(139,152,168,.14);color:var(--dim)}

/* ── SECTION HEADERS ── */
.sec{margin-top:34px}
.sec-title{
  font-family:var(--mono);font-size:12px;color:var(--dim);
  letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px;
  display:flex;align-items:center;gap:10px;
}
.sec-title::after{content:"";flex:1;height:1px;background:var(--line)}

/* ── VERB CTAs ── */
.verb-row{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 0}
.verb-row a{
  font-family:var(--mono);font-size:10px;color:var(--dim);
  text-decoration:none;padding:5px 14px;border:1px solid var(--line);
  border-radius:20px;transition:all .2s;
}
.verb-row a:hover{color:var(--ink);border-color:var(--accent);background:var(--accent-bg)}

/* ── TRIPWIRE GRID (VITALS-style 9-cell) ── */
.tripgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tripcell{
  background:var(--surface);border:1px solid var(--line);
  border-radius:10px;padding:14px;position:relative;
}
.tripcell .idx{position:absolute;top:10px;right:12px;font-family:var(--mono);font-size:10px;color:var(--faint)}
.tripcell .title{font-size:12px;font-weight:600;padding-right:20px;color:var(--ink)}
.tripcell .layer{font-family:var(--mono);font-size:8px;color:var(--faint);letter-spacing:.5px;margin-top:2px}
.tripcell .gauge{margin-top:10px;height:8px;border-radius:5px;background:var(--surface2);position:relative;overflow:hidden;border:1px solid var(--line)}
.tripcell .gauge-fill{height:100%;border-radius:5px;transition:width .6s ease}
.tripcell .gauge-trip{position:absolute;top:-2px;width:2px;height:12px;background:var(--void)}
.tripcell .metrics{font-family:var(--mono);font-size:10px;color:var(--dim);margin-top:8px;display:flex;justify-content:space-between}
.tripcell .verdict{font-family:var(--mono);font-size:10px;font-weight:700;margin-top:6px}
.tripcell .seal-date{font-family:var(--mono);font-size:10px;color:var(--faint);margin-top:3px}
.tripcell.tense{animation:tense 1.4s ease-in-out infinite}
@keyframes tense{0%,100%{box-shadow:0 0 0 0 rgba(240,80,110,0)}50%{box-shadow:0 0 0 3px rgba(240,80,110,.22)}}

/* ── LUNGS ACCORDION ── */
.lungs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lung{
  background:var(--surface);border:1px solid var(--line);
  border-radius:12px;overflow:hidden;
}
.lung-head{
  padding:14px;cursor:pointer;display:flex;
  align-items:center;justify-content:space-between;user-select:none;
}
.lung-head:hover{background:var(--surface2)}
.lung-name{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--ink)}
.lung-name small{display:block;color:var(--faint);font-size:10px;font-weight:400;margin-top:2px}
.lung-light{
  width:36px;height:36px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-weight:700;font-size:14px;flex-shrink:0;
}
.lung-body{max-height:0;overflow:hidden;transition:max-height .4s ease;border-top:1px solid transparent}
.lung.open .lung-body{max-height:700px;border-top-color:var(--line)}
.lung-row{padding:12px 14px;border-bottom:1px solid var(--line)}
.lung-row:last-child{border-bottom:none}
.lung-row .name{font-size:12px;color:var(--ink)}
.lung-row .nums{font-family:var(--mono);font-size:10px;color:var(--dim);margin-top:5px}
.lung-row .mini-bar{margin-top:6px;height:6px;border-radius:4px;background:var(--surface2);position:relative;border:1px solid var(--line)}
.lung-row .mini-fill{height:100%;border-radius:4px}
.lung-row .mini-labels{font-family:var(--mono);font-size:9px;color:var(--faint);margin-top:4px;display:flex;justify-content:space-between}
.lung-row .seal{font-family:var(--mono);font-size:10px;color:var(--faint);margin-top:3px}

/* ── APEX MARKET PANEL (OIL/GAS/GOLD) ── */
.apex-panel{position:relative;z-index:1;padding:0 var(--gap-xl);margin-top:var(--gap-md)}
.apex-inner{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:var(--gap-lg) var(--gap-xl)}
.apex-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap-md);flex-wrap:wrap;gap:8px}
.apex-title{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.05em;text-transform:uppercase}
.apex-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-md);margin-bottom:var(--gap-md)}
.apex-card{background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:var(--gap-md);text-align:center}
.apex-card .lbl{font-family:var(--mono);font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.apex-card .val{font-family:var(--mono);font-size:28px;font-weight:600;color:var(--ink);line-height:1.2}
.apex-card .sub{font-size:11px;color:var(--dim);margin-top:2px}
.apex-alert{padding:8px 12px;border-radius:6px;font-family:var(--mono);font-size:11px;margin-bottom:var(--gap-md)}
.apex-alert.warn{background:rgba(232,131,58,.1);color:var(--hold);border:1px solid rgba(232,131,58,.25)}
.apex-alert.risk{background:rgba(240,80,110,.1);color:var(--void);border:1px solid rgba(240,80,110,.25)}
.apex-alert.ok{background:rgba(49,196,141,.1);color:var(--seal);border:1px solid rgba(49,196,141,.25)}

/* ── CHART CONTAINER ── */
.chart-box{
  background:var(--surface2);border:1px solid var(--line);
  border-radius:10px;overflow:hidden;margin:var(--gap-md) 0;
}
.chart-box canvas,.chart-box .tv-chart{width:100%!important}

/* ── SENSITIVITY TABLES ── */
.data-table{width:100%;border-collapse:collapse;font-size:.78rem;font-family:var(--mono);margin-top:6px}
.data-table th{
  text-align:left;padding:.5rem .8rem;color:var(--faint);
  font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;
  border-bottom:2px solid var(--line);background:var(--surface3);
}
.data-table td{padding:.45rem .8rem;border-bottom:1px solid var(--line);color:var(--dim)}
.data-table td.num{text-align:right;color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}
.data-table tr:hover td{background:var(--surface2)}
.data-table .section-row td{color:var(--sabar);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;padding-top:.8rem}

/* ── REFERENCE PANELS ── */
.ref-panel{
  background:var(--surface);border:1px solid var(--line);
  border-radius:12px;padding:20px;margin-bottom:14px;
}
.ref-panel h4{font-family:var(--mono);font-size:11px;color:var(--dim);letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}

/* ── FAN CHART ── */
.fan-wrap{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}
.fan-sliders{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px}
.fan-sliders label{font-family:var(--mono);font-size:11px;color:var(--dim);display:flex;justify-content:space-between}
.fan-sliders label b{color:var(--accent);font-size:14px}
input[type=range]{width:100%;margin-top:8px;accent-color:var(--accent);height:4px}
.fan-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.fan-ro{background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:12px;text-align:center}
.fan-ro .lbl{font-family:var(--mono);font-size:10px;color:var(--faint)}
.fan-ro .val{font-family:var(--mono);font-size:20px;font-weight:700;margin-top:3px}
.fan-legend{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:10px;color:var(--dim);margin-top:12px}
.fan-legend span{display:inline-flex;align-items:center;gap:5px}
.fan-dot{width:10px;height:3px;border-radius:2px;display:inline-block}

/* ── DETAILS / ZEN REVEAL ── */
details.zen-reveal{margin:.85rem 0;background:var(--surface);border:1px solid var(--line);border-radius:8px}
details.zen-reveal summary{
  padding:.7rem 1rem;cursor:pointer;font-family:var(--mono);
  font-size:.78rem;color:var(--sabar);user-select:none;
}
details.zen-reveal .reveal-body{
  padding:0 1rem 1.2rem;font-size:.8rem;color:var(--dim);line-height:1.7;
}
.reveal-body h5{color:var(--ink);font-family:var(--mono);font-size:.78rem;margin:12px 0 4px}
.reveal-body code{background:var(--surface2);padding:1px 5px;border-radius:3px;font-family:var(--mono);font-size:.72rem;color:var(--accent)}
.reveal-body table{width:100%;border-collapse:collapse;font-size:.72rem;font-family:var(--mono);margin:6px 0}
.reveal-body table td,.reveal-body table th{padding:3px 8px;border:1px solid var(--line);text-align:left}
.reveal-body table th{color:var(--faint);font-size:.65rem}
.reveal-body p{margin:4px 0}

/* ── REFUSAL SURFACE ── */
.refusal{
  margin-top:34px;background:var(--surface);
  border:1px solid var(--line);border-left:3px solid var(--void);
  border-radius:10px;padding:18px;
}
.refusal h3{font-family:var(--mono);font-size:13px;color:var(--void);margin-bottom:8px;letter-spacing:1px}
.refusal p{font-size:12px;color:var(--dim);line-height:1.6}
.refusal code{background:var(--surface2);padding:1px 4px;border-radius:2px;font-family:var(--mono);font-size:11px}

/* ── AGENT IDENTITY CARD ── */
.agent-card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:10px;padding:16px;margin-top:8px;
  font-family:var(--mono);font-size:10px;color:var(--dim);
}
.agent-card .agent-head{font-size:12px;font-weight:600;color:var(--ink);margin-bottom:6px}
.agent-card .agent-row{display:flex;justify-content:space-between;margin:2px 0}
.agent-card .agent-row span:first-child{color:var(--faint)}

/* ── FOOTER ── */
.page-foot{
  margin-top:20px;font-family:var(--mono);font-size:10px;
  color:var(--faint);text-align:center;line-height:1.8;
}
.page-foot b{color:var(--dim)}

/* ── MARKET GRID (2-col split for OIL/GAS/GOLD) ── */
.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-md);margin:var(--gap-md) 0}
.market-grid .full{grid-column:1/-1}

/* ═══════════ CLARITY COMPONENT CONTRACT — Compact ═══════════
   Shared across all economics pages. Compact answer/status/attention
   primitives that pages compose into hero blocks without re-defining
   visual tokens. DITEMPA BUKAN DIBERI · 2026-07-24 · v1.0 */

/* MARKET ANSWER — primary answer card: main + status + reason */
.market-answer{
  background:var(--surface);border:1px solid var(--line);
  border-radius:10px;padding:14px 16px;margin-top:8px;
}
.market-answer-grid{
  display:grid;grid-template-columns:1fr auto;gap:6px 14px;
  align-items:start;
}
.market-answer-main{
  font-family:var(--mono);font-size:13px;color:var(--ink);
  line-height:1.5;
}
.market-answer-status{
  font-family:var(--mono);font-size:10px;font-weight:700;
  padding:3px 10px;border-radius:12px;letter-spacing:.5px;
  white-space:nowrap;align-self:start;
}
.market-answer-status.SEAL{background:rgba(49,196,141,.15);color:var(--seal)}
.market-answer-status.SABAR{background:rgba(227,179,65,.15);color:var(--sabar)}
.market-answer-status.HOLD{background:rgba(232,131,58,.15);color:var(--hold)}
.market-answer-status.VOID{background:rgba(240,80,110,.15);color:var(--void)}
.market-answer-reason{
  grid-column:1/-1;font-family:var(--mono);font-size:11px;
  color:var(--dim);line-height:1.6;margin-top:4px;
}

/* SIGNAL META + ACTIONS — provenance row + verb row */
.signal-meta{
  display:flex;gap:8px;flex-wrap:wrap;align-items:center;
  font-family:var(--mono);font-size:10px;color:var(--faint);
  margin-top:6px;
}
.signal-actions{
  display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;
}
.signal-actions a,.signal-actions button{
  font-family:var(--mono);font-size:10px;color:var(--dim);
  text-decoration:none;padding:4px 10px;border:1px solid var(--line);
  border-radius:14px;background:transparent;cursor:pointer;
  transition:all .15s;
}
.signal-actions a:hover,.signal-actions button:hover{
  color:var(--ink);border-color:var(--accent);background:var(--accent-bg);
}

/* ATTENTION LIST — ranked items, rank badge + copy */
.attention-list{
  display:flex;flex-direction:column;gap:8px;margin-top:8px;
}
.attention-item{
  display:grid;grid-template-columns:auto 1fr;gap:10px;
  align-items:start;background:var(--surface);border:1px solid var(--line);
  border-radius:8px;padding:10px 12px;
}
.attention-rank{
  font-family:var(--mono);font-size:11px;font-weight:700;
  color:var(--accent);background:var(--accent-bg);
  border-radius:50%;width:24px;height:24px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.attention-copy{
  font-family:var(--mono);font-size:11px;color:var(--dim);
  line-height:1.6;
}

/* TABLE SCROLL — horizontal scrolling wrapper for wide tables */
.table-scroll{
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  max-width:100%;margin:8px 0;
}

/* SCOPE NOTE — boundary/scope statement, italic-leaning */
.scope-note{
  font-family:var(--mono);font-size:11px;color:var(--dim);
  line-height:1.6;padding:10px 14px;
  border-left:2px solid var(--accent);
  background:var(--accent-bg);border-radius:0 6px 6px 0;
  margin:8px 0;
}

/* SIGNAL DETAILS — collapsible signal expansion */
details.signal-details{
  margin:8px 0;background:var(--surface);border:1px solid var(--line);
  border-radius:8px;overflow:hidden;
}
details.signal-details summary{
  padding:10px 14px;cursor:pointer;font-family:var(--mono);
  font-size:11px;color:var(--sabar);user-select:none;
  display:flex;align-items:center;justify-content:space-between;
}
details.signal-details summary::-webkit-details-marker{color:var(--faint)}
details.signal-details[open] summary{border-bottom:1px solid var(--line)}
details.signal-details .signal-details-body{
  padding:12px 14px;font-size:11px;color:var(--dim);line-height:1.7;
}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .tripgrid,.subscores{grid-template-columns:1fr}
  .lungs{grid-template-columns:1fr}
  .apex-grid{grid-template-columns:repeat(2,1fr)}
  .market-grid{grid-template-columns:1fr}
  .zen-pulse{gap:.8rem;font-size:.65rem;padding:.4rem 1rem}
  .zp-nav{gap:6px}
  .zp-nav a{font-size:9px;padding:2px 6px}
}
@media(max-width:600px){
  .hero h1{font-size:20px}
  .pulse-val{font-size:38px}
  .apex-card .val{font-size:22px}
  .apex-inner{padding:var(--gap-md)}
  .fan-sliders{grid-template-columns:1fr}
  .fan-readout{grid-template-columns:1fr}
  .market-answer-grid{grid-template-columns:1fr}
  .market-answer-status{justify-self:start}
}

/* ═══════════ ZEN CHROME — Command Bar + Agent Identity + Refusal ═══════════
   Shared across all economics pages. Loaded via economics.css. */

/* COMMAND BAR — organ identity at a glance */
.cmd-bar{
  background:var(--surface);border-bottom:1px solid var(--line);
  padding:0.35rem 1.5rem;font-family:var(--font-mono);font-size:0.65rem;
  color:var(--faint);display:flex;align-items:center;gap:1rem;overflow-x:auto;white-space:nowrap;
}
.cmd-bar .cmd-organ{color:var(--accent);font-weight:700;letter-spacing:0.05em}
.cmd-bar .cmd-sep{color:var(--line)}
.cmd-bar .cmd-tier{color:var(--sabar)}
.cmd-bar .cmd-fresh{color:var(--seal)}
.cmd-bar .cmd-fresh .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--seal);margin-right:4px;animation:zen 2.4s ease-in-out infinite}
.cmd-bar .cmd-chain{color:var(--dim)}
.cmd-bar .cmd-chain span{color:var(--accent)}

/* AGENT IDENTITY CARD — what it is, what it cannot do */
.agent-id{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:var(--sp-3);margin-top:var(--sp-2);font-family:var(--font-mono);font-size:0.68rem;color:var(--dim);
}
.agent-id h4{font-size:0.75rem;font-weight:700;color:var(--ink);margin-bottom:6px;letter-spacing:0.03em}
.agent-id .row{display:flex;justify-content:space-between;margin:2px 0;gap:1rem}
.agent-id .row .k{color:var(--faint);flex-shrink:0}
.agent-id .row .v{text-align:right}
.agent-id .row .v.cannot{color:var(--void)}

/* HUMAN CONTEXT — one sentence before tripwires */
.human-ctx{
  font-family:var(--font-display);font-style:italic;font-size:0.92rem;
  color:var(--dim);margin:var(--sp-2) 0 var(--sp-3);line-height:1.5;
  padding-left:var(--sp-2);border-left:2px solid var(--accent);
}