/* ═══════════════════════════════════════════════════
   CRYPTO COMMAND CENTER HF — v9
   Dark terminal  ·  Space Mono + DM Sans
   ═══════════════════════════════════════════════════ */

:root {
  --bg0:#050a14; --bg1:#081120; --bg2:#0d1a2e; --bg3:#112035; --bg4:#162840;
  --b1:rgba(0,212,255,.09); --b2:rgba(255,255,255,.06);
  --t1:#e8f4ff; --t2:#8fb4d0; --t3:#4d7090;
  --cyan:#00d4ff;   --cyan-a:rgba(0,212,255,.13);
  --green:#00e88f;  --green-a:rgba(0,232,143,.13);
  --purple:#8b5cf6; --purple-a:rgba(139,92,246,.13);
  --amber:#f59e0b;  --amber-a:rgba(245,158,11,.13);
  --red:#ef4444;    --red-a:rgba(239,68,68,.13);
  --blue:#3b82f6;   --blue-a:rgba(59,130,246,.13);
  --r:10px; --rs:6px;
  --mono:'Space Mono',monospace;
  --sans:'DM Sans',sans-serif;
  --shadow:0 4px 28px rgba(0,0,0,.45);
  --sticky-nav-top:96px;
  --panel-scroll-offset:180px;
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0 }
html { font-size:15px; scroll-behavior:smooth }
body {
  background:var(--bg0);
  color:var(--t1);
  font-family:var(--sans);
  font-size:1rem;
  line-height:1.6;
  overflow-x:hidden;
  scrollbar-width:auto;
  scrollbar-color:rgba(214,179,106,.68) rgba(15,11,8,.96);
}
::-webkit-scrollbar { width:12px; height:12px }
::-webkit-scrollbar-track {
  background:linear-gradient(180deg, rgba(15,11,8,.98), rgba(22,16,11,.98));
  border-radius:999px;
}
::-webkit-scrollbar-thumb {
  background:linear-gradient(180deg, rgba(214,179,106,.92), rgba(161,124,51,.92));
  border-radius:999px;
  border:2px solid rgba(15,11,8,.96);
}
::-webkit-scrollbar-thumb:hover {
  background:linear-gradient(180deg, rgba(236,205,140,.96), rgba(186,145,61,.96));
}
::-webkit-scrollbar-corner { background:rgba(15,11,8,.96) }

/* ── Helpers ── */
.eyebrow { font-family:var(--mono); font-size:.66rem; letter-spacing:.12em; color:var(--t3); text-transform:uppercase }
.muted   { font-size:.84rem; color:var(--t3) }
.body-sm { font-size:.9rem; color:var(--t2); line-height:1.6 }
.mt2{margin-top:2px} .mt4{margin-top:4px} .mt6{margin-top:6px} .mt8{margin-top:8px} .mt12{margin-top:12px} .mt16{margin-top:16px} .mt20{margin-top:20px}
.mb8{margin-bottom:8px} .mb12{margin-bottom:12px}
.row { display:flex; align-items:center }
.gap8 { gap:8px }
.flex-wrap { flex-wrap:wrap }
.flex2 { flex:2 }

/* ── Loading ── */
.loading-overlay { position:fixed; inset:0; z-index:9000; background:rgba(5,10,20,.9); backdrop-filter:blur(8px); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .2s }
.loading-overlay.visible { opacity:1; pointer-events:all }
.hidden-file { display:none }
.auth-email-inline { font-size:.8rem; color:var(--t2) }
.row-end-wrap { justify-content:flex-end; flex-wrap:wrap }
.pin-msg-inline { min-height:1.2em }
.loading-box { display:flex; flex-direction:column; align-items:center; gap:12px }
.loading-ring { width:36px; height:36px; border:2px solid var(--bg4); border-top-color:var(--cyan); border-radius:50%; animation:spin .8s linear infinite }
.loading-box span { font-family:var(--mono); font-size:.7rem; letter-spacing:.1em; color:var(--t2) }
@keyframes spin { to { transform:rotate(360deg) } }

/* ── Drawer ── */
.drawer { position:fixed; inset:0; z-index:800; pointer-events:none; visibility:hidden }
.drawer.open { pointer-events:all; visibility:visible }
.drawer-scrim { position:absolute; inset:0; background:rgba(5,10,20,.6); backdrop-filter:blur(4px); opacity:0; transition:opacity .3s; cursor:pointer }
.drawer.open .drawer-scrim { opacity:1 }
.drawer-panel { position:absolute; right:0; top:0; bottom:0; width:min(460px,95vw); background:var(--bg2); border-left:1px solid var(--b1); padding:22px; overflow-y:auto; transform:translateX(100%); transition:transform .35s cubic-bezier(.25,1,.5,1); display:flex; flex-direction:column; gap:16px }
.drawer.open .drawer-panel { transform:translateX(0) }
.drawer-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px }
.drawer-title { font-family:var(--mono); font-size:.95rem; font-weight:700; color:var(--t1) }
.drawer-sub { font-size:.75rem; color:var(--t3); margin-top:2px }
.drawer-section { display:flex; flex-direction:column; gap:8px }
.kpi-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px }

/* ── Header ── */
.header { display:flex; align-items:center; gap:12px; padding:10px 20px; background:var(--bg1); border-bottom:1px solid var(--b1); position:sticky; top:0; z-index:100; flex-wrap:wrap }
.header-brand { display:flex; align-items:center; gap:10px }
.brand-name { font-family:var(--mono); font-size:1.05rem; font-weight:700; color:var(--t1); white-space:nowrap }
.status-pill { flex:1; display:flex; align-items:center; gap:8px; justify-content:center; flex-wrap:wrap }
.header-actions { display:flex; align-items:center; gap:7px; margin-left:auto }
.sdot { width:7px; height:7px; border-radius:50%; background:var(--t3); flex-shrink:0 }
.sdot.live { background:var(--green); box-shadow:0 0 8px var(--green); animation:pulse 2s infinite }
.sdot.fallback { background:var(--amber) }
.sdot.error { background:var(--red) }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.5} }
.status-txt { font-family:var(--mono); font-size:.74rem; font-weight:700; letter-spacing:.08em; color:var(--t2) }
.pipe { color:var(--b2) }

/* ── Buttons ── */
.btn { display:inline-flex; align-items:center; gap:5px; border:none; cursor:pointer; border-radius:var(--rs); font-family:var(--sans); font-size:.88rem; font-weight:500; transition:all .15s; white-space:nowrap; line-height:1 }
.btn-primary { background:var(--cyan); color:#020b14; padding:7px 14px; font-weight:700 }
.btn-primary:hover { background:#2ddeff }
.btn-primary:disabled { opacity:.4; cursor:not-allowed }
.btn-ghost { background:var(--bg3); color:var(--t2); padding:7px 14px; border:1px solid var(--b2) }
.btn-ghost:hover { background:var(--bg4); color:var(--t1) }
.btn-sm { padding:5px 10px; font-size:.78rem }
.icon-btn { background:var(--bg3); border:none; cursor:pointer; color:var(--t3); width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.75rem; transition:all .15s }
.icon-btn:hover { background:var(--bg4); color:var(--t1) }
.del-btn { background:none; border:1px solid rgba(239,68,68,.3); color:var(--red); padding:2px 8px; border-radius:4px; font-size:.7rem; cursor:pointer }
.del-btn:hover { background:var(--red-a) }

/* ── Dropdown ── */
.drop-wrap { position:relative }
.drop-menu { position:absolute; right:0; top:calc(100% + 6px); background:var(--bg2); border:1px solid var(--b1); border-radius:var(--r); padding:5px; z-index:300; min-width:180px; flex-direction:column; box-shadow:var(--shadow); display:none }
.drop-wrap.open .drop-menu { display:flex }
.drop-menu button { background:none; border:none; color:var(--t2); padding:7px 12px; text-align:left; cursor:pointer; border-radius:var(--rs); font-size:.82rem; font-family:var(--sans) }
.drop-menu button:hover { background:var(--bg3); color:var(--t1) }

/* ── Favorites bar ── */
.favs-bar { background:var(--bg1); border-bottom:1px solid var(--b2); padding:5px 20px; overflow-x:auto; display:flex; gap:7px; min-height:36px; align-items:center }
.fav-pill { display:inline-flex; flex-direction:column; gap:1px; background:var(--bg2); border:1px solid var(--b1); padding:3px 11px; border-radius:13px; cursor:pointer; font-size:.73rem; white-space:nowrap; transition:border-color .15s; border:none }
.fav-pill:hover { border-color:var(--cyan) }
.fav-pill span { color:var(--t2) }
.fav-pill strong { color:var(--t1); font-weight:600 }

/* ── Nav ── */
.tab-nav { display:flex; gap:2px; padding:10px 20px 0; background:var(--bg1); border-bottom:1px solid var(--b1); overflow-x:auto }
.tab { background:none; border:none; cursor:pointer; color:var(--t3); font-family:var(--sans); font-size:.88rem; font-weight:500; padding:9px 14px; border-radius:var(--rs) var(--rs) 0 0; border:1px solid transparent; transition:all .15s; white-space:nowrap }
.tab:hover { color:var(--t2); background:var(--bg2) }
.tab.active { color:var(--cyan); background:var(--bg0); border-color:var(--b1) var(--b1) transparent; margin-bottom:-1px }

/* ── Main ── */
.main { padding:20px; max-width:1600px; margin:0 auto }
.panel { display:none; flex-direction:column; gap:16px; scroll-margin-top:var(--panel-scroll-offset) }
.panel.active { display:flex; animation:fadeIn .2s ease }
@keyframes fadeIn { from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:none} }

/* ── Layout grids ── */
.two-col   { display:grid; grid-template-columns:1fr 1fr;         gap:14px }
.three-col { display:grid; grid-template-columns:repeat(3,1fr);   gap:14px }
.four-col  { display:grid; grid-template-columns:repeat(4,1fr);   gap:14px }
.hero-grid { display:grid; grid-template-columns:repeat(4,1fr);   gap:14px }
.intel-strip{ display:grid; grid-template-columns:repeat(4,1fr);  gap:12px }
@media(max-width:1200px){ .hero-grid,.intel-strip,.four-col{ grid-template-columns:1fr 1fr } }
@media(max-width:900px) { .three-col{ grid-template-columns:1fr 1fr } }
@media(max-width:700px) { .two-col,.three-col,.four-col,.hero-grid,.intel-strip{ grid-template-columns:1fr!important } }

/* ── Hero cards ── */
.hero-card { background:var(--bg2); border:1px solid var(--b1); border-radius:var(--r); padding:17px; display:flex; flex-direction:column; position:relative; overflow:hidden }
.hero-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--cyan),transparent) }
.hero-num { font-family:var(--mono); font-size:1.95rem; font-weight:700; color:var(--t1); line-height:1.1; margin-top:5px }
.hero-num.cyan { color:var(--cyan) }
.hero-num.purple { color:var(--purple) }
.prog-wrap { display:flex; align-items:center; gap:7px }
.prog-track { flex:1; height:3px; background:var(--bg4); border-radius:2px; overflow:hidden }
.prog-fill { height:100%; background:linear-gradient(90deg,var(--cyan),var(--green)); border-radius:2px; transition:width .6s ease }
.prog-pct { font-family:var(--mono); font-size:.65rem; color:var(--t2); white-space:nowrap }
.target-rails { display:flex; flex-direction:column; gap:4px }
.rail-row { display:flex; justify-content:space-between; font-size:.84rem }
.rail-row span { color:var(--t3) }
.rail-row strong { color:var(--t1); font-family:var(--mono) }
.mini-kpis { display:grid; grid-template-columns:1fr 1fr; gap:5px }
.mini-kpi { display:flex; flex-direction:column; gap:1px }
.mini-kpi span { font-size:.72rem; color:var(--t3) }
.mini-kpi strong { font-size:.88rem; color:var(--t1); font-weight:600 }
.radar-row { display:flex; align-items:center; gap:7px; font-size:.93rem; font-weight:600; color:var(--t1) }
.radar-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px }
.radar-kpi { display:flex; flex-direction:column; gap:2px }
.radar-kpi span { font-size:.72rem; color:var(--t3) }
.radar-kpi strong { font-size:.93rem; color:var(--t1); font-weight:700; font-family:var(--mono) }

/* ── Mode bar ── */
.mode-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; background:var(--bg2); border:1px solid var(--b2); border-radius:var(--r); padding:10px 15px; flex-wrap:wrap }
.seg-group { display:flex; background:var(--bg3); border-radius:var(--rs); padding:2px; gap:2px; border:1px solid var(--b2) }
.seg { background:none; border:none; cursor:pointer; color:var(--t3); font-size:.77rem; font-family:var(--sans); font-weight:500; padding:4px 11px; border-radius:4px; transition:all .15s }
.seg.active { background:var(--bg0); color:var(--cyan) }
.seg:hover:not(.active) { color:var(--t2) }
.macro-tape { display:flex; gap:5px; flex-wrap:wrap }

/* ── Alert row ── */
.alert-row { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:9px }
.alert-card { background:var(--bg2); border:1px solid var(--b2); border-radius:var(--r); padding:10px 13px; border-left:3px solid var(--t3) }
.alert-card.green  { border-left-color:var(--green) }
.alert-card.amber  { border-left-color:var(--amber) }
.alert-card.red    { border-left-color:var(--red) }
.alert-card.blue   { border-left-color:var(--blue) }
.alert-card strong { font-size:.88rem; font-weight:600; color:var(--t1); display:block; margin-bottom:2px }
.alert-card p      { font-size:.82rem; color:var(--t2) }

/* ── Intel strip ── */
.intel-card { background:var(--bg2); border:1px solid var(--b2); border-radius:var(--r); padding:13px 14px }
.intel-val { font-size:1.1rem; font-weight:700; color:var(--t1); margin-top:3px }

/* ── Cards ── */
.card { background:var(--bg2); border:1px solid var(--b2); border-radius:var(--r); padding:16px 18px }
.card-head { display:flex; flex-direction:column; gap:2px; margin-bottom:12px }
.card-title { font-size:1rem; font-weight:700; color:var(--t1) }
.accent-left { border-left:3px solid var(--cyan) }
.section-head { display:flex; flex-direction:column; gap:4px }
.section-head h2 { font-family:var(--mono); font-size:1.12rem; font-weight:700; color:var(--t1) }
.section-head p { font-size:.88rem; color:var(--t2) }

/* ── Insight cards ── */
.ins-action { border-left:3px solid var(--cyan) }
.ins-risk   { border-left:3px solid var(--red) }
.ins-opp    { border-left:3px solid var(--green) }
.ins-qual   { border-left:3px solid var(--purple) }

/* ── Charts ── */
.chart-xl   { height:240px; position:relative }
.chart-md   { height:180px; position:relative }
.chart-bar  { height:195px; position:relative }
.chart-donut{ height:150px; position:relative }
canvas { display:block }

/* ── Signal/stack lists ── */
.sig-list { display:flex; flex-direction:column; gap:6px }
.si { display:flex; align-items:center; justify-content:space-between; padding:8px 10px; border-radius:var(--rs); background:var(--bg3); border:1px solid var(--b2); gap:8px; transition:border-color .15s; cursor:default }
.si:hover { border-color:var(--b1) }
.si-l { display:flex; flex-direction:column; gap:2px; min-width:0 }
.si-l strong { font-size:.89rem; font-weight:600; color:var(--t1); white-space:nowrap }
.si-l small   { font-size:.76rem; color:var(--t3) }
.si-r { font-family:var(--mono); font-size:.86rem; font-weight:700; color:var(--t2); white-space:nowrap; flex-shrink:0 }
.si-good { border-left:2px solid var(--green) }
.si-warn { border-left:2px solid var(--amber) }
.si-bad  { border-left:2px solid var(--red) }

/* ── Badges ── */
.badge { display:inline-flex; align-items:center; padding:2px 8px; border-radius:10px; font-family:var(--mono); font-size:.62rem; font-weight:700; letter-spacing:.04em }
.bg { background:var(--green-a);  color:var(--green);  border:1px solid rgba(0,232,143,.3) }
.br { background:var(--red-a);    color:var(--red);    border:1px solid rgba(239,68,68,.3) }
.ba { background:var(--amber-a);  color:var(--amber);  border:1px solid rgba(245,158,11,.3) }
.bb { background:var(--blue-a);   color:var(--blue);   border:1px solid rgba(59,130,246,.3) }
.bc { background:var(--cyan-a);   color:var(--cyan);   border:1px solid rgba(0,212,255,.3) }
.bp { background:var(--purple-a); color:var(--purple); border:1px solid rgba(139,92,246,.3) }

/* ── Legend / KV ── */
.legend-list { display:flex; flex-direction:column; gap:4px }
.leg-row { display:flex; justify-content:space-between; font-size:.86rem }
.leg-row span { color:var(--t2) }
.leg-row strong { color:var(--t1); font-family:var(--mono); font-weight:600 }
.kv-list { display:flex; flex-direction:column; gap:6px }
.kv-row { display:flex; justify-content:space-between; padding:8px 11px; background:var(--bg3); border-radius:var(--rs); font-size:.87rem }
.kv-row span { color:var(--t2) }
.kv-row strong { color:var(--t1); font-family:var(--mono); font-weight:600 }
.memo-list { display:flex; flex-direction:column; gap:10px }
.memo-item strong { font-size:.82rem; font-weight:700; color:var(--t1); display:block; margin-bottom:2px }
.memo-item p { font-size:.78rem; color:var(--t2) }

/* ── Assets tab ── */
.asset-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; background:var(--bg2); border:1px solid var(--b2); border-radius:var(--r); padding:10px 14px; flex-wrap:wrap }
.cards-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:12px }
.asset-card { background:var(--bg2); border:1px solid var(--b2); border-radius:var(--r); padding:14px; cursor:pointer; transition:all .18s; display:flex; flex-direction:column; gap:9px }
.asset-card:hover { border-color:var(--b1); transform:translateY(-1px); box-shadow:var(--shadow) }
.ac-head { display:flex; align-items:flex-start; justify-content:space-between }
.ac-info { display:flex; align-items:center; gap:8px }
.ac-sym { font-family:var(--mono); font-size:.97rem; font-weight:700; color:var(--t1) }
.ac-name { font-size:.75rem; color:var(--t3); margin-top:1px }
.star-btn { background:none; border:none; cursor:pointer; font-size:.9rem; color:var(--t3); transition:color .15s; line-height:1; padding:0 }
.star-btn:hover { color:var(--amber) }
.star-btn.on { color:var(--amber) }
.ac-data { display:grid; grid-template-columns:repeat(3,1fr); gap:5px }
.ac-data > div { display:flex; flex-direction:column; gap:1px }
.ac-data span { font-size:.71rem; color:var(--t3) }
.ac-data strong { font-size:.86rem; font-weight:600; color:var(--t1); font-family:var(--mono) }
.ac-foot { font-size:.79rem; color:var(--t3); line-height:1.5 }

/* ── Tables ── */
.table-wrap { overflow-x:auto; border-radius:var(--rs) }
.data-table { width:100%; border-collapse:collapse; font-size:.86rem }
.data-table thead tr { border-bottom:1px solid var(--b1) }
.data-table th { padding:8px 10px; text-align:left; color:var(--t3); font-weight:600; font-family:var(--mono); font-size:.72rem; letter-spacing:.04em; white-space:nowrap }
.data-table td { padding:9px 10px; border-bottom:1px solid var(--b2); color:var(--t2); vertical-align:middle }
.data-table tbody tr { cursor:pointer; transition:background .12s }
.data-table tbody tr:hover { background:var(--bg3) }
.data-table td strong { color:var(--t1); font-weight:600 }
.data-table td small { font-size:.67rem; color:var(--t3) }

/* ── Inputs ── */
.inp { background:var(--bg3); border:1px solid var(--b2); color:var(--t1); padding:7px 11px; border-radius:var(--rs); font-size:.88rem; font-family:var(--sans); outline:none; transition:border-color .15s; min-width:100px }
.inp:focus { border-color:var(--cyan) }
.inp option { background:var(--bg2) }
.inp-search { min-width:160px; padding-left:28px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16'%3E%3Ccircle cx='6.5' cy='6.5' r='4.5' stroke='%234d7090' stroke-width='1.5' fill='none'/%3E%3Cpath d='M10 10L14 14' stroke='%234d7090' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:9px center }
.inp-area { background:var(--bg3); border:1px solid var(--b2); color:var(--t1); padding:8px 10px; border-radius:var(--rs); font-size:.82rem; font-family:var(--sans); outline:none; transition:border-color .15s; width:100%; resize:vertical }
.inp-area:focus { border-color:var(--cyan) }

/* ── Chips ── */
.chip-row { display:flex; flex-wrap:wrap; gap:6px }
.chip { display:inline-flex; flex-direction:column; gap:1px; background:var(--bg3); border:1px solid var(--b2); border-radius:var(--rs); padding:5px 10px; font-size:.73rem }
.chip span { color:var(--t3); font-size:.62rem }
.chip strong { color:var(--t1); font-weight:600 }

/* ── Heatmap ── */
.heatmap { display:grid; grid-template-columns:repeat(auto-fill,minmax(84px,1fr)); gap:7px }
.hm-cell { border-radius:var(--rs); padding:8px 6px; display:flex; flex-direction:column; gap:2px; text-align:center; border:1px solid var(--b2) }
.hm-sym { font-family:var(--mono); font-size:.84rem; font-weight:700; color:var(--t1) }
.hm-score { font-family:var(--mono); font-size:.76rem; color:var(--t1) }
.hm-wt { font-size:.69rem; color:var(--t3) }

/* ── Action center ── */
.action-controls .ctrl-row { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap }
.ctrl-group { display:flex; flex-direction:column; gap:5px }
.ctrl-group label { font-size:.67rem; color:var(--t3); font-family:var(--mono); letter-spacing:.06em; text-transform:uppercase }
.ctrl-btns { flex-direction:row; align-items:flex-end; gap:6px }
.action-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:11px }
@media(max-width:900px){ .action-cards{ grid-template-columns:1fr 1fr } }
.act-card { background:var(--bg3); border:1px solid var(--b2); border-radius:var(--r); padding:12px 14px; display:flex; flex-direction:column; gap:5px }
.act-card.primary { border-color:var(--cyan); background:var(--cyan-a) }
.act-card span { font-size:.68rem; color:var(--t3); text-transform:uppercase; font-family:var(--mono); letter-spacing:.07em }
.act-card strong { font-size:.96rem; font-weight:700; color:var(--t1) }
.act-card p { font-size:.82rem; color:var(--t2) }
.step-list { display:flex; flex-direction:column; gap:7px }
.step-item { display:flex; align-items:flex-start; gap:10px; padding:10px 13px; background:var(--bg2); border:1px solid var(--b2); border-radius:var(--r) }
.step-num { width:21px; height:21px; border-radius:50%; background:var(--cyan-a); border:1px solid var(--cyan); color:var(--cyan); font-family:var(--mono); font-size:.7rem; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0 }
.step-item > div { display:flex; flex-direction:column; gap:2px }
.step-item strong { font-size:.83rem; font-weight:600; color:var(--t1) }
.step-item small  { font-size:.74rem; color:var(--t2) }

/* ── Scenario ── */
.preset-row { display:flex; gap:9px; flex-wrap:wrap }
.preset-btn { background:var(--bg3); border:1px solid var(--b2); color:var(--t2); padding:7px 17px; border-radius:17px; cursor:pointer; font-size:.83rem; font-family:var(--sans); transition:all .15s }
.preset-btn:hover { border-color:var(--cyan); color:var(--cyan) }
.scenario-sliders { display:flex; flex-direction:column; gap:11px }
.slider-row { display:flex; align-items:center; gap:12px }
.slider-row span   { font-size:.82rem; color:var(--t2); min-width:150px }
.slider-row input[type=range] { flex:1; accent-color:var(--cyan); cursor:pointer }
.slider-row strong { font-family:var(--mono); font-size:.82rem; color:var(--t1); min-width:88px; text-align:right }

/* ── Summary row ── */
.sum-row { display:flex; gap:11px; flex-wrap:wrap }
.sum-card { flex:1; min-width:150px; display:flex; flex-direction:column; gap:4px; background:var(--bg2); border:1px solid var(--b2); border-radius:var(--r); padding:12px 14px }
.sum-card span { font-size:.72rem; color:var(--t3); text-transform:uppercase; font-family:var(--mono); letter-spacing:.07em }
.sum-card strong { font-size:1.1rem; font-weight:700; color:var(--t1); font-family:var(--mono) }

/* ── Forms ── */
.settings-form,.trade-form { display:flex; flex-direction:column; gap:10px }
.form-group { display:flex; flex-direction:column; gap:4px; flex:1 }
.form-group label { font-size:.67rem; color:var(--t3); font-family:var(--mono); letter-spacing:.04em; text-transform:uppercase }
.form-row { display:flex; gap:9px; flex-wrap:wrap }

/* ── JSON ── */
.json-pre { background:var(--bg1); border:1px solid var(--b2); border-radius:var(--rs); padding:13px; font-family:var(--mono); font-size:.7rem; color:var(--t3); overflow:auto; max-height:260px; white-space:pre }

/* ── Footer ── */
.footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:9px; padding:12px 20px; margin-top:28px; border-top:1px solid var(--b2); font-size:.7rem; color:var(--t3) }

/* ── Simple mode ── */
body.simple .hs { display:none!important }

/* ── Utility ── */
.hidden { display:none!important }

/* ── PIN Lock Overlay ── */
.pin-overlay { position:fixed; inset:0; z-index:9500; background:var(--bg0); display:flex; align-items:center; justify-content:center }
.pin-overlay.hidden { display:none!important }
.pin-box { background:var(--bg2); border:1px solid var(--b1); border-radius:var(--r); padding:42px 36px; text-align:center; width:min(380px,92vw); display:flex; flex-direction:column; align-items:center; gap:20px; box-shadow:0 0 60px rgba(0,212,255,.07) }
.pin-brand { font-family:var(--mono); font-size:1rem; font-weight:700; color:var(--cyan); letter-spacing:.12em }
.pin-sub { font-size:.88rem; color:var(--t2) }
.pin-dots { display:flex; justify-content:center; gap:14px }
.pin-dot { width:14px; height:14px; border-radius:50%; border:2px solid var(--bg4); background:transparent; transition:all .15s }
.pin-dot.filled { background:var(--cyan); border-color:var(--cyan); box-shadow:0 0 8px var(--cyan) }
.pin-dot.error { background:var(--red); border-color:var(--red) }
.pin-pad { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; width:100% }
.pin-key { background:var(--bg3); border:1px solid var(--b2); color:var(--t1); font-size:1.35rem; font-family:var(--mono); font-weight:700; padding:15px 10px; border-radius:var(--rs); cursor:pointer; transition:all .15s; user-select:none }
.pin-key:hover { background:var(--bg4); border-color:var(--cyan); color:var(--cyan) }
.pin-key:active { transform:scale(.94) }
.pin-key.wide { grid-column:span 2 }
.pin-err { color:var(--red); font-size:.82rem; min-height:1.2em }
.pin-attempts { font-size:.76rem; color:var(--t3) }

/* ── Wallet Connector ── */
.wallet-row { display:flex; flex-direction:column; gap:8px }
.wallet-addr-row { display:flex; gap:8px; align-items:center }
.wallet-addr-row label { font-family:var(--mono); font-size:.66rem; color:var(--t3); letter-spacing:.08em; text-transform:uppercase; min-width:56px }
.wallet-addr-row .inp { flex:1; font-family:var(--mono); font-size:.75rem }
.wallet-sync-btn { gap:6px }
.wallet-bals { display:flex; flex-direction:column; gap:4px }
.wallet-bal-row { display:flex; justify-content:space-between; padding:5px 9px; border-radius:var(--rs); background:var(--bg3); font-size:.83rem }
.wallet-bal-row span { color:var(--t2) }
.wallet-bal-row strong { color:var(--cyan); font-family:var(--mono); font-weight:600 }
.wallet-status { font-size:.78rem; color:var(--t3) }
.wallet-status.ok { color:var(--green) }
.wallet-status.err { color:var(--red) }

/* ── Exchange CSV Import ── */
.exch-import-box { background:var(--bg3); border:1px dashed var(--b1); border-radius:var(--r); padding:16px; display:flex; flex-direction:column; gap:10px }
.exch-import-row { display:flex; gap:8px; align-items:center; flex-wrap:wrap }
.exch-format-badge { display:inline-flex; align-items:center; padding:3px 9px; border-radius:8px; background:var(--cyan-a); color:var(--cyan); font-family:var(--mono); font-size:.66rem; border:1px solid rgba(0,212,255,.25) }

/* ── Security section ── */
.security-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px }
@media(max-width:700px){ .security-grid{ grid-template-columns:1fr } }
.pin-setup-section { display:flex; flex-direction:column; gap:10px }
.pin-input-row { display:flex; gap:8px; align-items:center }
.pin-input-row label { font-family:var(--mono); font-size:.66rem; color:var(--t3); letter-spacing:.08em; text-transform:uppercase; min-width:80px }
.pin-input-row .inp { font-size:1.1rem; letter-spacing:.3em; font-family:var(--mono); max-width:140px }
.security-badge { display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border-radius:8px; font-size:.78rem; font-weight:600 }
.security-badge.active { background:var(--green-a); color:var(--green); border:1px solid rgba(0,232,143,.25) }
.security-badge.inactive { background:var(--bg3); color:var(--t3); border:1px solid var(--b2) }

/* ═══ Currency Selector ═══ */
.currency-select {
  background: rgba(0,212,255,.08);
  color: #00d4ff;
  border: 1px solid rgba(0,212,255,.2);
  border-radius: 6px;
  padding: 2px 6px;
  font-size: .72rem;
  font-family: 'Space Mono', monospace;
  cursor: pointer;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}
.currency-select:hover { border-color: rgba(0,212,255,.4); }
.currency-select:focus { border-color: #00d4ff; box-shadow: 0 0 0 2px rgba(0,212,255,.15); }
.currency-select option { background: #0a1628; color: #e2e8f0; }

/* ═══ Auth Container ═══ */
.auth-container { display: flex; align-items: center; gap: 8px; }
.auth-email { font-size: .72rem; color: #00d4ff; font-family: 'Space Mono', monospace; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.auth-email.hidden { display: none; }
.auth-modal { position: fixed; inset: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.7); backdrop-filter: blur(8px); }
.auth-modal.hidden { display: none; }
.auth-box { background: #0d1a2d; border: 1px solid rgba(0,212,255,.15); border-radius: 16px; padding: 32px; max-width: 400px; width: 90%; }
.auth-box h3 { color: #00d4ff; margin: 0 0 8px; font-size: 1.1rem; }
.auth-box p { color: #94a3b8; font-size: .85rem; margin: 0 0 20px; }
.auth-box input[type="email"] { width: 100%; padding: 10px 14px; background: rgba(255,255,255,.04); border: 1px solid rgba(148,163,184,.15); border-radius: 8px; color: #e2e8f0; font-size: .9rem; outline: none; box-sizing: border-box; }
.auth-box input[type="email"]:focus { border-color: #00d4ff; }
.auth-box .auth-actions { display: flex; gap: 8px; margin-top: 16px; }
.auth-box .auth-msg { font-size: .8rem; margin-top: 12px; min-height: 1.2em; }
.auth-box .auth-msg.success { color: #00e88f; }
.auth-box .auth-msg.error { color: #ef4444; }

/* ═══ Chart Range Selector ═══ */
.chart-range-selector { display: flex; gap: 2px; background: rgba(148,163,184,.06); border-radius: 8px; padding: 2px; }
.range-btn { padding: 4px 8px; font-size: .68rem; font-family: 'Space Mono', monospace; background: transparent; color: #64748b; border: none; border-radius: 6px; cursor: pointer; transition: all .15s; }
.range-btn:hover { color: #94a3b8; background: rgba(148,163,184,.08); }
.range-btn.active { background: rgba(0,212,255,.12); color: #00d4ff; }

/* ═══ Workspace Indicator ═══ */
.workspace-indicator { font-size: .68rem; color: #64748b; padding: 2px 8px; background: rgba(148,163,184,.06); border-radius: 4px; }
.workspace-indicator .ws-type { color: #00d4ff; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }


/* ━━━━ Header Auth UI ━━━━ */
.header-auth-container { position: relative; display: flex; align-items: center; }
.hidden { display: none !important; }
.auth-user-menu { position: relative; }
.auth-user-pill { display: flex; align-items: center; gap: 8px; padding: 4px 10px 4px 4px; background: var(--bg3); border: 1px solid var(--b2); border-radius: 20px; cursor: pointer; transition: all .15s; user-select: none; }
.auth-user-pill:hover { background: var(--bg4); border-color: rgba(255,255,255,.1); }
.auth-user-avatar { width: 26px; height: 26px; border-radius: 50%; background: rgba(0,212,255,.15); display: flex; align-items: center; justify-content: center; font-family: var(--mono); font-size: .7rem; font-weight: 700; color: var(--cyan); flex-shrink: 0; }
.auth-user-name { font-size: .8rem; color: var(--t2); font-weight: 500; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.auth-dropdown { position: absolute; top: calc(100% + 6px); right: 0; min-width: 200px; background: var(--bg2); border: 1px solid var(--b1); border-radius: var(--rs); box-shadow: 0 8px 32px rgba(0,0,0,.5); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: all .15s; z-index: 200; overflow: hidden; }
.auth-dropdown.open { opacity: 1; visibility: visible; transform: translateY(0); }
.auth-dropdown-header { padding: 10px 14px; border-bottom: 1px solid var(--b2); }
.auth-dropdown-email { font-size: .74rem; color: var(--t3); word-break: break-all; }
.auth-dropdown-item { display: block; width: 100%; padding: 10px 14px; font-size: .84rem; color: var(--t2); text-decoration: none; background: none; border: none; text-align: left; cursor: pointer; font-family: var(--sans); transition: background .1s; }
.auth-dropdown-item:hover { background: rgba(255,255,255,.04); color: var(--t1); }
.auth-dropdown-signout { color: #ef4444; border-top: 1px solid var(--b2); }
.auth-dropdown-signout:hover { background: rgba(239,68,68,.08); }


/* ━━━━ Modal System ━━━━ */
.modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.7); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 9000; padding: 20px; overflow-y: auto; }
.modal-box { background: var(--bg1); border: 1px solid var(--b1); border-radius: var(--r); box-shadow: 0 24px 80px rgba(0,0,0,.6); width: 100%; max-height: 90vh; overflow-y: auto; }
.modal-lg { max-width: 720px; }
.modal-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; border-bottom: 1px solid var(--b2); }
.modal-head h3 { font-family: var(--mono); font-size: 1rem; color: var(--cyan); letter-spacing: .05em; }
.modal-body { padding: 24px; display: flex; flex-direction: column; gap: 16px; }
.modal-foot { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 16px 24px; border-top: 1px solid var(--b2); }
.modal-foot .btn-danger { margin-right: auto; }
.am-mode-row { display:flex; gap:8px; flex-wrap:wrap; }
.am-mode-btn.active { box-shadow: inset 0 0 0 1px rgba(0,212,255,.25); }
.am-auto-panels { display:flex; flex-direction:column; gap:12px; margin-top:8px; }
.am-helper-card { border:1px solid var(--b2); background:rgba(12,26,45,.65); border-radius:14px; padding:14px; display:flex; flex-direction:column; gap:10px; }
.am-quick-btns { display:flex; gap:10px; flex-wrap:wrap; }
.am-watch-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.am-quick-status { border-radius:12px; padding:10px 12px; font-size:.88rem; border:1px solid var(--b2); background:rgba(0,212,255,.07); color:var(--t1); }
.am-quick-status.tone-info { border-color:rgba(0,212,255,.18); background:rgba(0,212,255,.07); color:var(--cyan); }
.am-quick-status.tone-success { border-color:rgba(0,255,136,.18); background:rgba(0,255,136,.08); color:var(--green); }
.am-quick-status.tone-error { border-color:rgba(239,68,68,.18); background:rgba(239,68,68,.08); color:var(--red); }
.csv-import-list { display:flex; flex-direction:column; gap:12px; }
.csv-import-empty { padding:14px; border:1px dashed var(--b2); border-radius:12px; color:var(--t3); text-align:center; }
.csv-import-item { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:14px; border:1px solid var(--b2); border-radius:14px; background:rgba(12,26,45,.65); }
.csv-import-main { min-width:0; flex:1; display:flex; flex-direction:column; gap:6px; }
.csv-import-title { font-weight:700; color:var(--t1); }
.csv-import-meta { color:var(--t3); font-size:.8rem; line-height:1.45; }
.csv-import-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.csv-import-summary { color:var(--t2); font-size:.86rem; }
.watch-manager-form { display:flex; flex-direction:column; gap:10px; margin-bottom:16px; }
.watch-manager-list { display:flex; flex-direction:column; gap:12px; }
.watch-manager-empty { padding:14px; border:1px dashed var(--b2); border-radius:12px; color:var(--t3); text-align:center; }
.watch-manager-item { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:14px; border:1px solid var(--b2); border-radius:14px; background:rgba(12,26,45,.65); }
.watch-manager-main { min-width:0; flex:1; display:flex; flex-direction:column; gap:6px; }
.watch-manager-title { font-weight:700; color:var(--t1); }
.watch-manager-meta { color:var(--t3); font-size:.8rem; line-height:1.45; word-break:break-all; }
.watch-manager-row { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.watch-manager-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }

.form-section { display: flex; flex-direction: column; gap: 6px; }
.form-row { display: flex; gap: 12px; flex-wrap: wrap; }
.form-group { flex: 1; min-width: 140px; display: flex; flex-direction: column; gap: 4px; }
.form-group.sm { flex: 0 0 auto; min-width: 100px; }
.form-group label { font-family: var(--mono); font-size: .65rem; letter-spacing: .1em; color: var(--t3); text-transform: uppercase; }
.inp { background: var(--bg2); border: 1px solid var(--b2); border-radius: var(--rs); padding: 8px 12px; color: var(--t1); font-family: var(--sans); font-size: .88rem; outline: none; transition: border-color .15s; }
.inp:focus { border-color: var(--cyan); }
.inp-area { background: var(--bg2); border: 1px solid var(--b2); border-radius: var(--rs); padding: 8px 12px; color: var(--t1); font-family: var(--sans); font-size: .88rem; resize: vertical; outline: none; }
.inp-area:focus { border-color: var(--cyan); }
select.inp { cursor: pointer; }
.cb-grid { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.cb-label { display: flex; align-items: center; gap: 6px; font-size: .84rem; color: var(--t2); cursor: pointer; }
.cb-label input[type=checkbox] { accent-color: var(--cyan); }
.target-row { align-items: flex-end; gap: 8px; }
.target-row .t-remove { align-self: flex-end; margin-bottom: 4px; color: var(--red); }

.btn-accent { background: linear-gradient(135deg, var(--cyan), #0090b0); color: #000; font-weight: 600; border: none; padding: 6px 16px; border-radius: var(--rs); cursor: pointer; font-family: var(--sans); font-size: .84rem; transition: all .15s; }
.btn-accent:hover { filter: brightness(1.15); transform: translateY(-1px); }
.btn-danger { background: rgba(239,68,68,.15); color: var(--red); border: 1px solid rgba(239,68,68,.3); }
.btn-danger:hover { background: rgba(239,68,68,.25); }
.btn-lg { padding: 12px 32px; font-size: 1rem; border-radius: var(--r); }

/* ━━━━ Search Results ━━━━ */
.search-row { position: relative; }
.search-results { position: absolute; top: 100%; left: 0; right: 0; background: var(--bg2); border: 1px solid var(--b1); border-radius: var(--rs); max-height: 240px; overflow-y: auto; z-index: 100; box-shadow: var(--shadow); }
.sr-item { display: flex; align-items: center; gap: 10px; padding: 10px 14px; cursor: pointer; transition: background .1s; }
.sr-item:hover { background: rgba(0,212,255,.06); }
.sr-thumb { width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0; }
.sr-name { font-size: .88rem; color: var(--t1); }
.sr-sym { font-family: var(--mono); font-size: .72rem; color: var(--cyan); letter-spacing: .08em; }
.sr-rank { font-size: .7rem; color: var(--t3); margin-left: auto; }
.sr-empty { padding: 14px; text-align: center; color: var(--t3); font-size: .84rem; }

/* ━━━━ Onboarding Overlay ━━━━ */
.onboarding-overlay { position: fixed; inset: 0; background: rgba(5,10,20,.95); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; z-index: 8000; padding: 20px; }
.onboarding-box { text-align: center; max-width: 480px; }
.onboarding-icon { margin-bottom: 24px; }
.onboarding-box h2 { font-family: var(--mono); font-size: 1.6rem; color: var(--t1); margin-bottom: 8px; }
.onboarding-sub { color: var(--t2); font-size: .95rem; line-height: 1.6; margin-bottom: 32px; }
.onboarding-steps { display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; text-align: left; }
.ob-step { display: flex; align-items: center; gap: 14px; padding: 12px 16px; background: var(--bg2); border: 1px solid var(--b2); border-radius: var(--rs); }
.ob-num { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: rgba(0,212,255,.12); border-radius: 50%; font-family: var(--mono); font-size: .78rem; color: var(--cyan); font-weight: 700; flex-shrink: 0; }
.ob-step span:last-child { color: var(--t2); font-size: .88rem; }

/* ━━━━ Logout Button ━━━━ */
.btn-signout { background: rgba(239,68,68,.1); color: var(--red); border: 1px solid rgba(239,68,68,.2); padding: 6px 14px; border-radius: var(--rs); cursor: pointer; font-family: var(--sans); font-size: .8rem; transition: all .15s; }
.btn-signout:hover { background: rgba(239,68,68,.2); }
.toast-region { position:fixed; top:18px; right:18px; z-index:9500; display:flex; flex-direction:column; gap:10px; max-width:min(420px,calc(100vw - 32px)); }
.toast { display:flex; align-items:flex-start; gap:12px; padding:14px 16px; border:1px solid rgba(212,175,55,.18); border-radius:14px; background:rgba(10,14,24,.96); box-shadow:0 18px 45px rgba(0,0,0,.35); backdrop-filter:blur(12px); color:var(--t1); transform:translateY(0); transition:opacity .18s ease, transform .18s ease; }
.toast.leaving { opacity:0; transform:translateY(-6px); }
.toast-copy { flex:1; font-size:.92rem; line-height:1.45; color:var(--t1); }
.toast-close { appearance:none; border:0; background:transparent; color:var(--t2); cursor:pointer; font-size:.9rem; line-height:1; padding:4px; }
.toast-success { border-color:rgba(22,163,74,.28); }
.toast-warn { border-color:rgba(245,158,11,.34); }
.toast-error { border-color:rgba(239,68,68,.3); }
.portfolio-intel-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:18px 0 20px; }
.intel-card-advanced { background:linear-gradient(180deg,rgba(8,17,32,.96),rgba(7,13,24,.94)); border:1px solid rgba(212,175,55,.14); border-radius:16px; padding:18px 18px 16px; box-shadow:0 18px 42px rgba(0,0,0,.18); }
.intel-advanced-value { font-family:var(--mono); font-size:1.15rem; color:var(--gold); margin:10px 0 8px; letter-spacing:.03em; }
.intel-panel-shell { background:linear-gradient(180deg,rgba(8,17,32,.96),rgba(7,13,24,.94)); border:1px solid rgba(212,175,55,.14); border-radius:16px; padding:18px 18px 16px; box-shadow:0 18px 42px rgba(0,0,0,.18); }
.intel-panel-span { grid-column:1 / -1; }
.intel-timeline-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:12px; }
.timeline-chart { width:100%; height:84px; display:block; color:rgba(255,255,255,.45); margin-top:8px; }
.timeline-transition-list { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.timeline-transition-item { display:flex; flex-direction:column; gap:2px; padding:10px 12px; border-radius:12px; background:rgba(255,255,255,.03); border:1px solid rgba(212,175,55,.12); }
.timeline-transition-item strong { color:var(--t1); font-size:.83rem; font-weight:600; }
.timeline-transition-item span { color:var(--t3); font-size:.74rem; }
.comparison-table-wrap { overflow-x:auto; margin-top:10px; }
.comparison-table { width:100%; border-collapse:collapse; font-size:.82rem; }
.comparison-table th, .comparison-table td { padding:8px 10px; border-bottom:1px solid rgba(255,255,255,.08); text-align:left; }
.comparison-table th { color:var(--t3); font-family:var(--mono); font-size:.68rem; letter-spacing:.06em; text-transform:uppercase; }
.comparison-table td { color:var(--t1); }
.heat-good { background:rgba(0,232,143,.12); color:#baf5d7; }
.heat-bad { background:rgba(239,68,68,.12); color:#ffc5c5; }
.heat-warn { background:rgba(245,158,11,.12); color:#ffdca7; }
.heat-neutral { background:rgba(255,255,255,.04); color:var(--t2); }
.comparison-selector { margin-top:12px; border:1px solid rgba(214,179,106,.18); border-radius:16px; background:rgba(255,255,255,.03); padding:12px 14px; }
.comparison-selector summary { cursor:pointer; color:rgba(255,230,180,.95); font-weight:600; }
.comparison-selector-toolbar { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-top:12px; }
.comparison-search-input { flex:1 1 280px; min-height:42px; border-radius:12px; border:1px solid rgba(214,179,106,.18); background:rgba(6,10,18,.86); color:var(--t1); padding:10px 14px; }
.comparison-search-input::placeholder { color:var(--t3); }
.comparison-search-input:focus { outline:none; border-color:rgba(214,179,106,.45); box-shadow:0 0 0 3px rgba(214,179,106,.12); }
.comparison-selector-summary { display:flex; flex-wrap:wrap; gap:10px; align-items:center; color:var(--t3); font-size:.76rem; }
.comparison-selector-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:10px; margin-top:12px; }
.comparison-selector-option { display:flex; justify-content:space-between; gap:12px; padding:12px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); cursor:pointer; }
.comparison-selector-option:focus { outline:none; border-color:rgba(214,179,106,.45); box-shadow:0 0 0 3px rgba(214,179,106,.12); }
.comparison-selector-option.is-selected { border-color:rgba(214,179,106,.35); background:rgba(214,179,106,.08); }
.comparison-selector-option.is-favorite { box-shadow:inset 0 0 0 1px rgba(214,179,106,.16); }
.comparison-selector-main { display:flex; align-items:flex-start; gap:10px; min-width:0; }
.comparison-selector-main input { margin-top:3px; accent-color:#d6b36a; }
.comparison-selector-copy { display:flex; flex-direction:column; gap:3px; min-width:0; }
.comparison-selector-copy strong { color:var(--t1); font-size:.84rem; }
.comparison-selector-copy span { color:var(--t3); font-size:.72rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.comparison-selector-meta { display:flex; flex-direction:column; align-items:flex-end; gap:8px; }
.comparison-selector-tags { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.comparison-tag { padding:3px 8px; border-radius:999px; background:rgba(255,255,255,.06); color:var(--t2); font-size:.68rem; text-transform:uppercase; letter-spacing:.05em; }
.comparison-favorite-btn { border:1px solid rgba(214,179,106,.2); background:rgba(255,255,255,.04); color:var(--t3); width:34px; height:34px; border-radius:10px; font-size:1rem; line-height:1; }
.comparison-favorite-btn.is-active { color:var(--gold); border-color:rgba(214,179,106,.42); background:rgba(214,179,106,.12); }
.comparison-selector-empty { margin-top:12px; padding:14px; border-radius:12px; background:rgba(255,255,255,.04); color:var(--t3); }
.comparison-palette-btn { padding:6px 10px; min-height:auto; font-size:.72rem; }
.workspace-palette-overlay { z-index:9500; }
.workspace-palette-box { max-width:760px; border:1px solid rgba(214,179,106,.24); background:linear-gradient(180deg,rgba(6,10,18,.98),rgba(10,14,22,.98)); }
.workspace-palette-head h3 { color:var(--gold); }
.workspace-palette-body { gap:14px; }
.workspace-palette-search-row { display:flex; align-items:center; gap:12px; }
.workspace-palette-input { flex:1 1 auto; min-height:46px; border-radius:14px; border:1px solid rgba(214,179,106,.22); background:rgba(255,255,255,.04); color:var(--t1); padding:12px 14px; }
.workspace-palette-input:focus { outline:none; border-color:rgba(214,179,106,.5); box-shadow:0 0 0 3px rgba(214,179,106,.12); }
.workspace-palette-hint { color:var(--t3); font-size:.72rem; white-space:nowrap; }
.workspace-palette-list { display:flex; flex-direction:column; gap:10px; }
.workspace-palette-item { display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; padding:14px 16px; border-radius:14px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); text-align:left; }
.workspace-palette-item.is-active { border-color:rgba(214,179,106,.42); background:rgba(214,179,106,.10); box-shadow:0 0 0 3px rgba(214,179,106,.08); }
.workspace-palette-item:focus { outline:none; border-color:rgba(214,179,106,.5); box-shadow:0 0 0 3px rgba(214,179,106,.14); }
.workspace-palette-copy { display:flex; flex-direction:column; gap:3px; min-width:0; }
.workspace-palette-copy strong { color:var(--t1); font-size:.86rem; }
.workspace-palette-copy span { color:var(--t3); font-size:.72rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-palette-tags { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.timeline-transition-item.is-selected { border-color:rgba(214,179,106,.4); background:rgba(214,179,106,.08); }
@media (max-width: 820px) { .intel-timeline-grid { grid-template-columns:1fr; } }
@media (max-width: 980px) { .portfolio-intel-grid { grid-template-columns:1fr 1fr; } }
@media (max-width: 640px) { .portfolio-intel-grid { grid-template-columns:1fr; } }

/* Hub */
.hub-shell { display:flex; flex-direction:column; gap:16px; }
.hub-hero-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.hub-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:16px; }
.hub-col { display:flex; flex-direction:column; gap:16px; }
.hub-actions-row { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.hub-btn-row { display:flex; gap:8px; flex-wrap:wrap; }
.hub-watch-form { display:flex; flex-direction:column; gap:10px; margin-bottom:12px; }
.hub-watch-row { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.hub-stack { display:flex; flex-direction:column; gap:10px; }
.hub-item { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding:12px 14px; border:1px solid var(--b2); border-radius:var(--rs); background:rgba(255,255,255,.015); }
.hub-item-main { min-width:0; flex:1; }
.hub-item-title { font-size:.92rem; font-weight:700; color:var(--t1); }
.hub-item-sub { margin-top:4px; color:var(--t3); font-size:.78rem; line-height:1.45; }
.hub-item-side { display:flex; gap:8px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
.hub-alert { display:flex; flex-direction:column; gap:4px; padding:10px 12px; border:1px solid var(--b2); border-radius:var(--rs); background:rgba(255,255,255,.015); }
.hub-alert small, .hub-muted { color:var(--t3); font-size:.78rem; line-height:1.45; }
@media (max-width: 760px) {
  .hub-item { flex-direction:column; }
  .hub-item-side { width:100%; justify-content:flex-start; }
  .csv-import-item { flex-direction:column; }
  .csv-import-actions { width:100%; justify-content:flex-start; }
  .watch-manager-item { flex-direction:column; }
  .watch-manager-actions { width:100%; justify-content:flex-start; }
}

/* Executive redesign — black / gold */
:root {
  --bg0:#050403;
  --bg1:#0a0806;
  --bg2:#100d09;
  --bg3:#17120d;
  --bg4:#211910;
  --b1:rgba(214,179,106,.14);
  --b2:rgba(255,233,194,.08);
  --t1:#f6ebd1;
  --t2:#d0bf9a;
  --t3:#8d7954;
  --cyan:#d6b36a;
  --cyan-a:rgba(214,179,106,.14);
  --amber:#f0cf8c;
  --amber-a:rgba(240,207,140,.16);
  --purple:#9f8650;
  --purple-a:rgba(159,134,80,.16);
  --blue:#cab078;
  --blue-a:rgba(202,176,120,.14);
  --shadow:0 20px 70px rgba(0,0,0,.45);
}

body {
  background:
    radial-gradient(circle at top left, rgba(214,179,106,.12), transparent 28%),
    radial-gradient(circle at top right, rgba(255,255,255,.03), transparent 20%),
    linear-gradient(180deg, #050403 0%, #090705 30%, #050403 100%);
  color:var(--t1);
}

body::before {
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(214,179,106,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(214,179,106,.03) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.55), transparent 80%);
  opacity:.45;
}

.header {
  padding:16px 26px;
  background:rgba(8,6,4,.88);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(214,179,106,.16);
  box-shadow:0 8px 30px rgba(0,0,0,.24);
}

.header-brand { gap:14px; }
.brand-mark {
  width:58px;
  height:58px;
  object-fit:contain;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.35));
}
.brand-copy { display:flex; flex-direction:column; gap:2px; }
.brand-name {
  font-family:Georgia, "Times New Roman", serif;
  font-size:2rem;
  letter-spacing:.04em;
  color:var(--amber);
  text-shadow:0 4px 18px rgba(214,179,106,.12);
}
.brand-tagline {
  font-size:.72rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--t3);
}

.status-pill {
  justify-content:flex-start;
  flex:1 1 360px;
  min-height:54px;
  padding:10px 14px;
  border:1px solid rgba(214,179,106,.12);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(24,18,12,.94), rgba(13,10,7,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.currency-select,
.inp,
.inp-area {
  background:rgba(18,14,10,.96);
  border-color:rgba(214,179,106,.12);
  color:var(--t1);
}
.currency-select {
  border:1px solid rgba(214,179,106,.18);
  border-radius:999px;
  padding:5px 12px;
  font-family:var(--mono);
  font-size:.74rem;
  color:var(--amber);
  background:rgba(26,20,14,.96);
}

.btn-primary,
.btn-accent {
  background:linear-gradient(135deg, #f1d79b 0%, #d6b36a 46%, #b98d42 100%);
  color:#130f0a;
  box-shadow:0 12px 30px rgba(214,179,106,.18);
}
.btn-primary:hover,
.btn-accent:hover { filter:brightness(1.05); transform:translateY(-1px); }
.btn-ghost {
  background:rgba(18,14,10,.92);
  border-color:rgba(214,179,106,.14);
  color:var(--t2);
}
.btn-ghost:hover {
  background:rgba(28,21,14,.96);
  border-color:rgba(214,179,106,.24);
  color:var(--amber);
}
.privacy-on {
  background:rgba(214,179,106,.14);
  border-color:rgba(214,179,106,.34);
  color:#f1d79b;
  box-shadow:inset 0 0 0 1px rgba(214,179,106,.06);
}
.btn-signout {
  background:rgba(67,24,18,.28);
  border-color:rgba(180,77,62,.22);
}

.hero-banner {
  margin:22px 20px 0;
  padding:26px 28px;
  border:1px solid rgba(214,179,106,.14);
  border-radius:28px;
  background:
    linear-gradient(135deg, rgba(214,179,106,.10), rgba(214,179,106,0) 28%),
    linear-gradient(180deg, rgba(17,13,9,.97), rgba(10,8,6,.97));
  display:grid;
  grid-template-columns:minmax(0, 1.7fr) minmax(280px, .9fr);
  gap:18px;
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
}
.hero-banner::after {
  content:'';
  position:absolute;
  right:-60px;
  top:-40px;
  width:280px;
  height:280px;
  background:url('brand-mark.png') center/contain no-repeat;
  opacity:.08;
  filter:saturate(.7);
  pointer-events:none;
}
.hero-banner-kicker {
  display:inline-block;
  margin-bottom:12px;
  font-family:var(--mono);
  font-size:.72rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--amber);
}
.hero-banner-copy h2 {
  max-width:14ch;
  font-family:Georgia, "Times New Roman", serif;
  font-size:clamp(2rem, 4vw, 3.4rem);
  line-height:1.02;
  color:#f8ebc9;
  margin-bottom:12px;
}
.hero-banner-copy p {
  max-width:70ch;
  font-size:1rem;
  color:var(--t2);
}
.hero-banner-meta {
  display:grid;
  gap:12px;
  align-content:start;
}
.hero-meta-card {
  padding:16px 18px;
  border-radius:18px;
  background:rgba(20,15,10,.82);
  border:1px solid rgba(214,179,106,.12);
}
.hero-meta-card strong {
  display:block;
  margin-top:8px;
  font-size:1rem;
  color:var(--amber);
}
.hero-meta-card small {
  display:block;
  margin-top:4px;
  color:var(--t3);
  line-height:1.5;
}

.favs-bar {
  margin:16px 20px 0;
  padding:10px 14px;
  border:1px solid rgba(214,179,106,.10);
  border-radius:18px;
  background:rgba(12,9,7,.84);
}

.tab-nav {
  gap:8px;
  padding:14px 20px 0;
  background:transparent;
  border-bottom:none;
}
.tab {
  padding:12px 18px;
  border-radius:999px;
  border:1px solid rgba(214,179,106,.10);
  background:rgba(16,12,9,.84);
  color:var(--t3);
  font-family:var(--mono);
  letter-spacing:.03em;
}
.tab:hover {
  color:var(--amber);
  background:rgba(25,19,13,.94);
  border-color:rgba(214,179,106,.16);
}
.tab.active {
  color:#120e08;
  background:linear-gradient(135deg, #f2db9f 0%, #d6b36a 52%, #bc944d 100%);
  border-color:transparent;
  margin-bottom:0;
}
button.tab[data-tab="action"] {
  font-size:0;
}
button.tab[data-tab="action"]::after {
  content:'Strategy Desk';
  font-size:.88rem;
}

.main {
  max-width:1680px;
  padding:22px 20px 28px;
}
.panel { gap:18px; }

.hero-card,
.intel-card,
.card,
.asset-card,
.si,
.kv-row,
.hub-item,
.hub-alert,
.modal-box {
  background:linear-gradient(180deg, rgba(20,15,10,.95), rgba(11,8,6,.95));
  border-color:rgba(214,179,106,.12);
  box-shadow:var(--shadow);
}
.hero-card::before {
  height:3px;
  background:linear-gradient(90deg, var(--amber), rgba(214,179,106,0));
}
.hero-num,
.hero-num.cyan,
.hero-num.purple {
  color:var(--amber);
  text-shadow:0 6px 18px rgba(214,179,106,.10);
}
.card-title,
.section-head h2,
.drawer-title,
.ac-sym,
.si-l strong,
.hub-item-title,
.csv-import-title,
.watch-manager-title {
  color:#f6e9c8;
}
.section-head p,
.body-sm,
.muted,
.si-l small,
.hub-item-sub,
.csv-import-meta,
.watch-manager-meta {
  color:var(--t2);
}

.prog-track { background:rgba(255,233,194,.08); }
.prog-fill {
  background:linear-gradient(90deg, #f2db9f 0%, #d6b36a 55%, #7f6334 100%);
}

.mode-bar,
.asset-toolbar {
  background:rgba(14,11,8,.92);
  border-color:rgba(214,179,106,.10);
}
.seg-group {
  background:rgba(16,12,9,.95);
  border-color:rgba(214,179,106,.12);
}
.seg.active {
  background:linear-gradient(135deg, rgba(214,179,106,.18), rgba(214,179,106,.06));
  color:var(--amber);
}

.data-table thead tr { border-bottom-color:rgba(214,179,106,.12); }
.data-table th {
  color:var(--t3);
}
.data-table tbody tr:hover { background:rgba(214,179,106,.04); }

.asset-card:hover,
.si:hover,
.hub-item:hover {
  border-color:rgba(214,179,106,.22);
  box-shadow:0 22px 55px rgba(0,0,0,.32);
}
.ac-data strong,
.rail-row strong,
.kv-row strong,
.leg-row strong,
.si-r {
  color:#f3dfb0;
}

.badge.bc,
.badge.bb,
.badge.bp,
.badge.ba {
  background:rgba(214,179,106,.12);
  color:var(--amber);
  border-color:rgba(214,179,106,.22);
}

.footer {
  margin:20px;
  padding:18px 24px 34px;
  border-top:1px solid rgba(214,179,106,.10);
  color:var(--t3);
}

.ops-disclosure {
  padding:0;
  overflow:hidden;
}
.ops-disclosure > summary {
  list-style:none;
  cursor:pointer;
  padding:16px 18px;
  font-family:var(--mono);
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--amber);
  border-bottom:1px solid transparent;
}
.ops-disclosure > summary::-webkit-details-marker { display:none; }
.ops-disclosure[open] > summary {
  border-bottom-color:rgba(214,179,106,.10);
  background:rgba(214,179,106,.04);
}
.ops-disclosure-body { padding:18px; }
.sensitive-panel pre { max-height:320px; overflow:auto; }

@media (max-width: 980px) {
  .hero-banner { grid-template-columns:1fr; }
  .brand-mark { width:48px; height:48px; }
  .brand-name { font-size:1.6rem; }
}

/* Executive final pass */
#app {
  position: relative;
  isolation: isolate;
}

body::after { display:none; }

.main {
  position:relative;
  z-index:1;
}

.main::before { display:none; }

.header {
  position:sticky;
  top:0;
  z-index:40;
  display:grid;
  grid-template-columns:minmax(280px, auto) minmax(340px, 1fr) auto;
  align-items:center;
  gap:18px;
  padding:18px 26px;
  background:
    linear-gradient(180deg, rgba(10,8,6,.97), rgba(10,8,6,.92)),
    radial-gradient(circle at top center, rgba(214,179,106,.12), transparent 48%);
  border-bottom:1px solid rgba(214,179,106,.10);
  box-shadow:0 16px 34px rgba(0,0,0,.28);
}

.header-brand {
  position:relative;
  gap:18px;
  padding:10px 20px 10px 4px;
  min-width:0;
  align-items:center;
}

.header-brand::after {
  content:'';
  position:absolute;
  inset:-10px -2px -10px -14px;
  border-radius:24px;
  border:1px solid rgba(214,179,106,.10);
  background:
    linear-gradient(135deg, rgba(214,179,106,.12), rgba(214,179,106,0) 34%),
    linear-gradient(180deg, rgba(23,17,12,.42), rgba(8,6,4,0));
  pointer-events:none;
}

.header-brand > * {
  position:relative;
  z-index:1;
}

.brand-mark {
  width:108px;
  height:108px;
  opacity:.96;
  mix-blend-mode:screen;
  object-fit:contain;
  object-position:center;
  clip-path:polygon(0 0, 84% 0, 84% 17%, 100% 17%, 100% 100%, 0 100%);
  filter:brightness(1.12) contrast(1.08) drop-shadow(0 20px 32px rgba(0,0,0,.48));
  flex:0 0 auto;
}

.brand-name {
  font-size:clamp(1.85rem, 2vw, 2.55rem);
  line-height:1;
  letter-spacing:.03em;
  white-space:nowrap;
}

.brand-tagline {
  margin-top:4px;
  font-size:.72rem;
  letter-spacing:.28em;
  white-space:nowrap;
}

.status-pill {
  min-height:64px;
  width:100%;
  justify-content:flex-start;
  padding:12px 18px;
  border-radius:22px;
  background:
    linear-gradient(180deg, rgba(26,20,14,.96), rgba(13,10,7,.96)),
    radial-gradient(circle at left center, rgba(214,179,106,.09), transparent 52%);
}

.header-actions {
  justify-self:end;
  justify-content:flex-end;
  flex-wrap:wrap;
  row-gap:10px;
}

.hero-banner {
  min-height:360px;
  margin:14px 20px 0;
  padding:34px 40px 32px;
  grid-template-columns:minmax(0, 1.18fr) minmax(320px, .82fr);
  background:
    radial-gradient(circle at 16% 18%, rgba(214,179,106,.16), transparent 28%),
    linear-gradient(135deg, rgba(214,179,106,.12), rgba(214,179,106,0) 32%),
    linear-gradient(180deg, rgba(15,11,8,.985), rgba(10,8,6,.985));
  box-shadow:
    0 36px 80px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 0 0 1px rgba(214,179,106,.05);
}

.hero-banner::before {
  content:'';
  position:absolute;
  right:-120px;
  top:50%;
  width:min(34vw, 520px);
  aspect-ratio:1;
  transform:translateY(-50%);
  background:url('brand-crest.png') center/contain no-repeat;
  opacity:.115;
  mix-blend-mode:screen;
  filter:grayscale(1) sepia(1) saturate(.26) brightness(1.04) contrast(1.04);
  mask-image:radial-gradient(circle at 50% 50%, rgba(0,0,0,.96) 0 42%, rgba(0,0,0,.52) 70%, transparent 92%);
  -webkit-mask-image:radial-gradient(circle at 50% 50%, rgba(0,0,0,.96) 0 42%, rgba(0,0,0,.52) 70%, transparent 92%);
  pointer-events:none;
}

.hero-banner::after {
  right:2%;
  top:8%;
  width:min(24vw, 320px);
  height:min(24vw, 320px);
  background:
    radial-gradient(circle at center, rgba(214,179,106,.10), rgba(214,179,106,0) 68%);
  opacity:.95;
  filter:none;
}

.hero-banner-copy,
.hero-banner-meta {
  position:relative;
  z-index:1;
}

.hero-banner-copy h2 {
  max-width:11.4ch;
  font-size:clamp(2.7rem, 4.4vw, 4.5rem);
  line-height:.95;
  letter-spacing:-.045em;
  text-wrap:balance;
  margin-bottom:16px;
}

.hero-banner-copy p {
  max-width:58ch;
  font-size:1rem;
  line-height:1.78;
  color:#c8b892;
}

.hero-meta-card {
  min-height:140px;
  padding:22px 22px 24px;
  border-radius:22px;
  background:
    linear-gradient(180deg, rgba(20,15,10,.88), rgba(10,8,6,.9)),
    radial-gradient(circle at top left, rgba(214,179,106,.08), transparent 56%);
}

.hero-meta-card strong {
  font-size:1.18rem;
  line-height:1.15;
}

.tab-nav {
  position:sticky;
  top:var(--sticky-nav-top);
  z-index:30;
  padding:14px 20px 12px;
  margin:0;
  background:linear-gradient(180deg, rgba(10,8,6,.96), rgba(10,8,6,.84), rgba(10,8,6,.48));
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(214,179,106,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}

.tab {
  min-height:54px;
  padding:13px 20px;
  border-radius:999px;
}

button.tab[data-tab="action"] {
  font-size:.88rem;
}

button.tab[data-tab="action"]::after {
  content:none;
}

.chart-range-selector {
  display:flex;
  gap:4px;
  padding:4px;
  border-radius:999px;
  border:1px solid rgba(214,179,106,.12);
  background:rgba(18,14,10,.88);
}

.range-btn {
  min-width:46px;
  padding:7px 12px;
  border-radius:999px;
  font-size:.72rem;
  letter-spacing:.08em;
  color:var(--t3);
}

.range-btn:hover {
  color:var(--amber);
  background:rgba(214,179,106,.10);
}

.range-btn.active {
  background:linear-gradient(135deg, #f2db9f 0%, #d6b36a 52%, #bc944d 100%);
  color:#120e08;
  box-shadow:0 12px 24px rgba(214,179,106,.18);
}

.card,
.asset-card,
.si,
.kv-row,
.hub-item,
.hub-alert,
.modal-box {
  border-radius:24px;
}

.section-head h2 {
  font-family:Georgia, "Times New Roman", serif;
  letter-spacing:.01em;
}

.footer {
  position:relative;
  z-index:1;
  margin-top:34px;
  padding-top:26px;
}

@media (max-width: 1200px) {
  .header {
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .header-actions {
    justify-self:start;
    justify-content:flex-start;
  }
  .hero-banner {
    grid-template-columns:1fr;
    min-height:auto;
  }
  .hero-banner::before {
    width:min(58vw, 420px);
    right:-110px;
    top:32%;
  }
}

@media (max-width: 980px) {
  .tab-nav {
    top:var(--sticky-nav-top);
    overflow-x:auto;
    padding-bottom:14px;
  }
  .header {
    padding:14px 18px;
    gap:12px;
  }
  .brand-mark {
    width:74px;
    height:74px;
    clip-path:polygon(0 0, 85% 0, 85% 18%, 100% 18%, 100% 100%, 0 100%);
  }
  .brand-name {
    font-size:1.65rem;
  }
  .brand-tagline {
    letter-spacing:.2em;
    font-size:.66rem;
  }
  .hero-banner {
    padding:28px 24px;
  }
  .hero-banner-copy h2 {
    max-width:12ch;
    font-size:clamp(2.2rem, 9vw, 3.5rem);
  }
  .status-pill {
    min-height:58px;
    padding:10px 14px;
  }
}