/* QUANTAR 2.0 draft — top-command rich-black floor.
   Taste from the four references. Not a clone.
   Playfair wordmark, Plex UI, amber as one lamp. */

:root{
  --q-radius:2px;
  --q-live:#3DDC84;
  --q-void:#050506;
  --q-well:#0A0B0D;
  --q-lift:#101214;
  --q-line:rgba(255,255,255,.07);
  --q-mast:58px;
  --q-ease:cubic-bezier(.16,1,.3,1);
  --bone:#EDE8E0;
  --muted:#8A8680;
  --ink:#050506;
  --ink2:#0A0B0D;
  --line:rgba(255,255,255,.07);
}

html,body{background:var(--q-void)!important;color:var(--bone)!important}
::selection{background:rgba(245,166,35,.28);color:var(--bone)}
input,textarea,select{caret-color:var(--amber,#F5A623)}
:focus-visible{outline:2px solid var(--amber-hi,#FFD98A)!important;outline-offset:2px}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:0}
a,button,.approach-row,.ac-alert,.leave-card{cursor:pointer}
.q-now-kicker,.hub-brand .eyebrow,.hub-brand .engine-line,.hub-motto,.hub-nav small,
.intel-explainer{display:none!important}
.hub-shell:before,.hub-shell:after,body:before{content:none!important;display:none!important}
.mono,.p,.price,.stat .v,.approach-table .mono,.chart-title .price,.pulse .p,
input[inputmode=decimal],.ac-symbol,.decision-metric b{font-variant-numeric:tabular-nums}

@media(prefers-reduced-motion:no-preference){
  .hub-nav a,.productnav a,.btn,button.cta,.density button,.filter-chip,
  .comms-nav a,.alert-tabs button,.approach-row,.ac-alert,.leave-card,
  .star-btn,.arena-actions button,.arena-actions a,input,textarea,select{
    transition:color .16s var(--q-ease),background .16s var(--q-ease),
      border-color .16s var(--q-ease),transform .14s var(--q-ease),opacity .16s var(--q-ease)
  }
  .hub-nav a:hover,.productnav a:hover,.btn:hover,button.cta:hover,
  .density button:hover,.filter-chip:hover{color:var(--bone)!important}
  .btn:hover,button.cta:hover,.arena-actions button:hover{filter:brightness(1.06)}
  .btn:active,button.cta:active,.arena-actions button:active{transform:translateY(1px);filter:brightness(.96)}
  .alert-rail,.alert-scrim{transition:transform .2s var(--q-ease),opacity .2s var(--q-ease)}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

@media(min-width:901px){
  .hub-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 260px!important;
    grid-template-rows:var(--q-mast) minmax(0,1fr)!important;
    grid-template-areas:"mast rail" "desk rail"!important;
    height:100vh!important;
    background:var(--q-void)!important
  }
  .hub-shell.rail-collapsed,
  .hub-shell:has(#q-alert-panel-inbox .ac-empty):not(:has(#q-alert-panel-inbox .ac-alert)){
    grid-template-columns:minmax(0,1fr) 0!important
  }
  .hub-shell.rail-collapsed .alert-rail,
  .hub-shell:has(#q-alert-panel-inbox .ac-empty):not(:has(#q-alert-panel-inbox .ac-alert)) .alert-rail{
    display:none!important
  }
  .hub-side{
    grid-area:mast!important;
    position:relative!important;
    top:auto!important;
    height:var(--q-mast)!important;
    width:auto!important;
    flex-direction:row!important;
    align-items:center!important;
    padding:0 28px!important;
    gap:28px!important;
    overflow:hidden!important;
    border:0!important;
    border-bottom:1px solid var(--q-line)!important;
    background:var(--q-void)!important
  }
  .hub-brand{padding:0!important;display:flex;align-items:center;gap:10px}
  .hub-brand .word{display:block!important;font-size:22px!important;color:var(--bone)!important}
  .hub-brand img,.hub-brand svg{width:20px!important;height:20px!important}
  .hub-nav{
    display:flex!important;
    flex-flow:row nowrap!important;
    gap:4px!important;
    overflow-x:auto!important;
    flex:1
  }
  .hub-nav a{
    height:var(--q-mast)!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    border:0!important;
    border-bottom:1px solid transparent!important;
    color:var(--muted)!important;
    font:400 13px/1 var(--body,"IBM Plex Sans",system-ui,sans-serif)!important;
    letter-spacing:.02em;
    text-transform:none;
    white-space:nowrap;
    background:transparent!important
  }
  .hub-nav a:before{content:none!important}
  .hub-nav a span{display:block!important;font:inherit!important}
  .hub-nav a.on{
    color:var(--bone)!important;
    border-bottom-color:var(--amber,#F5A623)!important
  }
  .hub-nav a:hover{color:var(--bone)!important}
  .hub-side-bottom{margin:0!important;display:flex;align-items:center;gap:16px}
  .hub-account span{display:none}
  .hub-account a,.hub-signout{font:400 13px var(--body)!important;color:var(--muted)!important}
  .hub-main{
    grid-area:desk!important;
    display:block!important;
    padding:0!important;
    overflow:auto!important;
    background:var(--q-void)!important
  }
  .alert-rail{grid-area:rail!important}
}

.mobile-hub-brand{display:none!important}
.hub-top{
  height:48px!important;
  padding:0 28px!important;
  background:var(--q-void)!important;
  border-bottom:1px solid var(--q-line)!important
}
.hub-search input{
  height:32px!important;
  background:transparent!important;
  border:1px solid var(--q-line)!important;
  border-radius:0!important;
  color:var(--bone)!important
}
.hub-heading{display:none!important}
.state-strip{background:var(--q-void)!important;border-color:var(--q-line)!important}
.state-strip a{padding:8px 14px!important;font:400 11px var(--body)!important;letter-spacing:.06em}

.pulse-row{
  display:flex!important;gap:0!important;margin:0!important;
  background:var(--q-void)!important;border-bottom:1px solid var(--q-line)
}
.pulse{
  display:flex!important;align-items:baseline;gap:10px;
  border:0!important;background:transparent!important;
  padding:8px 20px!important;border-right:1px solid var(--q-line)!important
}
.pulse .s{margin:0;font:400 11px var(--body)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pulse .p{margin:0!important;font:500 15px var(--mono,"IBM Plex Mono",ui-monospace,monospace)!important;color:var(--bone)}

.q2-focus{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);
  min-height:460px;
  background:var(--q-void);
  border-bottom:1px solid var(--q-line)
}
.chart-card{
  margin:0!important;border:0!important;
  background:radial-gradient(80% 70% at 30% 40%,rgba(245,166,35,.04),transparent 55%),var(--q-void)!important;
  min-height:460px!important;border-radius:0!important
}
.chart-title{padding:20px 28px 8px!important;border:0!important;background:transparent!important}
.chart-title h2{
  font:500 26px/1.05 var(--body,"IBM Plex Sans",system-ui,sans-serif)!important;
  letter-spacing:-.03em;color:var(--bone)!important
}
.chart-title .price{
  font:500 32px/1 var(--mono,"IBM Plex Mono",ui-monospace,monospace)!important;
  color:var(--bone)!important
}
.hub-intelligence{
  margin:18px 20px 18px 0!important;
  border:1px solid var(--q-line)!important;
  background:transparent!important;
  padding:20px 22px!important;
  max-height:none;overflow:auto
}
.hub-intelligence h2,.structure h2,.decision h2,.approach h2,.hub-monitor h2,.alert-rail h2{
  font:500 10px/1.2 var(--mono,"IBM Plex Mono",ui-monospace,monospace)!important;
  letter-spacing:.14em;text-transform:uppercase;color:var(--muted)!important;
  margin:0 0 14px!important
}
.intel-headline{font:500 16px/1.4 var(--body)!important;color:var(--bone)}
.intel-subhead{font:500 10px var(--mono)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)!important;margin:0 0 10px!important}
.intel-row{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--q-line);font-size:13px}
.intel-label{color:var(--muted)}
.intel-block{padding-bottom:4px}
.intel-reality,.intel-learning{margin-top:22px;padding:18px 0 0;border-top:1px solid var(--q-line)}
.intel-reality-thesis{font:500 15px/1.4 var(--body)!important;color:var(--bone)!important;margin:0 0 10px}
.hub-reality-pill{font:500 13px var(--mono)!important}
.hub-reality-green{color:var(--q-live)!important}
.hub-reality-amber{color:var(--amber,#F5A623)!important}
.hub-reality-red{color:var(--supply,#E08A7A)!important}

.under-chart,.proximity-grid,.approach,.hub-monitor{
  margin:0!important;border:0!important;border-top:1px solid var(--q-line)!important;
  background:var(--q-void)!important;padding:20px 28px
}
.structure,.decision{border:0!important;background:transparent!important}
.decision-metric{border:1px solid var(--q-line);background:transparent;padding:10px 12px;border-radius:0}
.score-badge{background:transparent!important;box-shadow:none!important;border:1px solid rgba(245,166,35,.35)!important;border-radius:0!important;color:var(--amber,#F5A623)!important}

.approach-table{width:100%;border-collapse:collapse}
.approach-table th{
  font:500 10px var(--mono,"IBM Plex Mono",ui-monospace,monospace);letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);text-align:left;
  padding:8px 10px;border-bottom:1px solid var(--q-line)
}
.approach-table td{padding:9px 10px;border-bottom:1px solid var(--q-line);font-size:13px}
.approach-row:hover,.ac-alert:hover,.leave-card:hover{background:rgba(255,255,255,.03)}

.alert-rail{padding:0!important;background:var(--q-void)!important;border-left:1px solid var(--q-line)!important}
.alert-tabs{display:flex;border-bottom:1px solid var(--q-line)}
.alert-tabs button{
  flex:1;height:40px;border:0!important;background:transparent!important;color:var(--muted)!important;
  font:400 13px var(--body)!important;border-bottom:1px solid transparent!important
}
.alert-tabs button.on{color:var(--bone)!important;border-bottom-color:var(--amber,#F5A623)!important}
.ac-symbol{font:500 15px var(--mono)!important;color:var(--bone)}
.ac-urgency{font:400 12px var(--body);color:var(--muted)}
.ac-alert,.priority-card{
  margin:0!important;border:0!important;border-bottom:1px solid var(--q-line)!important;
  border-radius:0!important;padding:14px 18px!important;background:transparent!important
}
.ac-alert.unread,.alert.unread{background:rgba(245,166,35,.05)!important;border-left:0!important}
.ac-alert.action-required,.alert.action-required{background:rgba(224,138,122,.06)!important}
.ac-alert.good-news,.alert.good-news{background:rgba(111,214,196,.04)!important}

.notice{border:1px solid rgba(224,138,122,.4)!important;background:rgba(42,20,22,.6)!important;color:#F0B9BC!important;border-radius:0!important}
.error{border:1px solid rgba(224,138,122,.45)!important;background:rgba(42,20,22,.7)!important;color:#F0B9BC!important;border-radius:0!important}

@media(min-width:901px){
  body:has(>header .productnav),body.q2-shell:not(:has(.hub-shell)){
    padding-left:0!important;padding-top:var(--q-mast)!important;background:var(--q-void)!important
  }
  body:has(>header .productnav)>header,body.q2-shell:not(:has(.hub-shell))>header{
    position:fixed!important;inset:0 0 auto 0!important;width:100%!important;height:var(--q-mast)!important;
    overflow:hidden!important;border:0!important;border-bottom:1px solid var(--q-line)!important;
    background:var(--q-void)!important
  }
  body>header .head{
    height:var(--q-mast)!important;min-height:0!important;padding:0 28px!important;
    flex-direction:row!important;align-items:center!important;gap:28px!important
  }
  body>header .brand .eyebrow,body>header .brand .tagline{display:none!important}
  body>header .brand .word{font-size:22px!important;color:var(--bone)!important}
  body>header .productnav{display:flex!important;flex-flow:row nowrap!important;overflow-x:auto!important;gap:4px!important}
  body>header .productnav a{
    height:var(--q-mast)!important;padding:0 14px!important;display:flex!important;align-items:center!important;
    border:0!important;border-bottom:1px solid transparent!important;
    font:400 13px/1 var(--body,"IBM Plex Sans",system-ui,sans-serif)!important;
    letter-spacing:.02em;text-transform:none;white-space:nowrap;color:var(--muted)!important
  }
  body>header .productnav a.on{
    color:var(--bone)!important;background:transparent!important;border-bottom-color:var(--amber,#F5A623)!important
  }
  body>header .productnav a:hover{color:var(--bone)!important;background:transparent!important}
  body>main.wrap{
    width:min(1120px,calc(100% - 56px))!important;margin:0 auto!important;
    padding:48px 0 96px!important;background:transparent;min-height:calc(100vh - var(--q-mast))
  }
}

h1.title,.title{
  font:500 28px/1.15 var(--body,"IBM Plex Sans",system-ui,sans-serif)!important;
  letter-spacing:-.025em!important;color:var(--bone)!important
}
.lede{font-size:15px!important;line-height:1.55!important;max-width:54ch;color:var(--muted)!important}
.card,.compose-sticky,.share,.newform,.history,.desk,.stat,.snap,
article.alert,.inbox .alert,.alert{
  border:1px solid var(--q-line)!important;background:transparent!important;
  border-radius:0!important;box-shadow:none!important
}
article.alert,.inbox .alert{
  border-left:0!important;border-right:0!important;border-top:0!important;
  padding:20px 4px 22px!important;margin:0!important
}
.inbox .alert .actions a,.inbox .alert .actions button{
  border-radius:0!important;border:1px solid var(--q-line)!important;
  background:transparent!important;color:var(--bone)!important
}
input,textarea,select{
  border-radius:0!important;background:transparent!important;
  border-color:var(--q-line)!important;color:var(--bone)!important
}
.btn,button.cta{
  border-radius:0!important;background:var(--amber,#F5A623)!important;color:#14110C!important;
  font:500 13px var(--body)!important;padding:12px 20px!important;border:0!important
}
.btn.ghost,.filter-chip,.arena-actions button,.density button{
  border-radius:0!important;background:transparent!important;color:var(--bone)!important;
  border:1px solid var(--q-line)!important
}
.filter-row{gap:0!important;border-bottom:1px solid var(--q-line);margin:0 0 28px!important}
.filter-chip{border:0!important;border-bottom:1px solid transparent!important;padding:12px 14px!important}
.filter-chip.on{border-bottom-color:var(--amber,#F5A623)!important;background:transparent!important}
.dirbadge,.livebadge,.verdict-badge,.comms-nav a{border-radius:0!important}

.stat-grid{gap:1px!important;margin:28px 0!important;background:var(--q-line)}
.stat-grid .stat{background:var(--q-void)!important;padding:16px 18px!important;border:0!important}
.stat-grid .stat:first-child{background:rgba(245,166,35,.07)!important}
.stat-grid .stat:nth-child(2){background:rgba(61,220,132,.05)!important}
.stat-grid .stat:first-child .k{color:var(--amber,#F5A623)!important}
.stat-grid .stat:nth-child(2) .k{color:var(--q-live)!important}
.stat .k{font:500 10px var(--mono)!important;letter-spacing:.12em;text-transform:uppercase}
.stat .v{font:500 28px/1 var(--mono,"IBM Plex Mono",ui-monospace,monospace)!important;color:var(--bone)!important}
.stat-grid .stat:first-child .v{font-size:32px!important}
.stat-grid .stat:nth-child(2) .v{font-size:32px!important}

.comms-nav{gap:0!important;margin:0 0 28px!important;padding:0!important;border-bottom:1px solid var(--q-line);background:transparent!important}
.comms-nav a{padding:12px 16px!important;border:0!important;border-bottom:1px solid transparent!important;font:400 13px var(--body)!important}
.comms-nav a.on{border-bottom-color:var(--amber,#F5A623)!important;color:var(--bone)!important}

@media(max-width:900px){
  .hub-main{display:block!important;padding:0 0 86px!important}
  .q2-focus{display:block}
  .hub-heading,.mobile-hub-brand{display:none!important}
  .hub-top{height:auto!important;flex-wrap:wrap;padding:8px 16px!important}
  .density{display:none!important}
  .chart-title{padding:16px 16px 8px!important}
  .chart-title h2{font-size:22px!important}
  .chart-title .price{font-size:26px!important}
  .under-chart,.proximity-grid{padding-left:16px!important;padding-right:16px!important}
  body>main.wrap{width:auto!important;padding:24px 16px 88px!important}
  .comms-nav{margin-bottom:16px!important}
}

.ax-stats{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.ax-engine h2,.desk h2{font:500 13px var(--body)!important;letter-spacing:-.01em;margin:0 0 14px}
.ax-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;margin:0}
.ax-meta dt{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ax-meta dd{margin:4px 0 0;font:400 14px var(--body);color:var(--bone)}
.ax-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ax-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;align-items:end}
.ax-form label{display:flex;flex-direction:column;gap:6px;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ax-form input{background:var(--q-well);border:1px solid var(--q-line);color:var(--bone);padding:8px 10px}
.ax-table{width:100%;border-collapse:collapse}
.ax-table th,.ax-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--q-line)}
.ax-log{margin:0;padding:0 0 0 18px;color:var(--muted)}
.ax-log li{margin:6px 0}
.btn-quiet{background:transparent;border:1px solid var(--q-line);color:var(--bone)}
@media(max-width:900px){
  .ax-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ax-meta,.ax-form{grid-template-columns:1fr}
}

/* Refresh Intelligence — shared control. No glow, no glass, no stripe. */
.q-refresh-intel-wrap{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%}
.q-refresh-intel{
  font:600 11px var(--mono);font-variant-numeric:tabular-nums;
  letter-spacing:.04em;text-transform:uppercase;
  color:var(--bone);background:transparent;
  border:1px solid var(--q-line);padding:6px 10px;min-height:36px;border-radius:2px;
  white-space:nowrap
}
.q-refresh-intel:hover,.q-refresh-intel:focus-visible{border-color:var(--amber,#F5A623)}
.q-refresh-intel[data-state="fresh"]{color:var(--q-live)}
.q-refresh-intel[data-state="failed"],.q-refresh-intel[data-state="timeout"]{color:var(--muted)}
.q-refresh-intel[data-state="accepted"],.q-refresh-intel[data-state="coalesced"]{color:var(--amber,#F5A623)}
.q-refresh-intel-fresh{font:11px var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22ch}
@media(max-width:900px){
  .q-refresh-intel{min-width:44px;min-height:44px}
  .q-refresh-intel-full{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .q-refresh-intel-wrap{max-width:calc(100vw - 24px)}
}

/* Manual Decision Intelligence — conclusion first, evidence underneath. */
.q-decision{margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid var(--q-line);max-width:68ch}
.q-decision-kicker{margin:0 0 6px;font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.q-decision-state{margin:0 0 6px;font:600 22px/1.2 var(--body);letter-spacing:-.02em}
.q-decision[data-tone="take"] .q-decision-state{color:var(--q-live)}
.q-decision[data-tone="watch"] .q-decision-state{color:var(--amber,#F5A623)}
.q-decision[data-tone="failing"] .q-decision-state{color:#E08A3C}
.q-decision[data-tone="exit"] .q-decision-state{color:#F0B9BC}
.q-decision[data-tone="learned"] .q-decision-state{color:var(--bone)}
.q-decision-line{margin:0 0 12px;font:400 16px/1.45 var(--body);color:var(--bone)}
.q-decision-facts{margin:0;display:grid;gap:8px}
.q-decision-facts div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px}
.q-decision-facts dt{margin:0;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.q-decision-facts dd{margin:0;font:400 13px/1.45 var(--body);color:var(--bone)}
.syn-lifecycle{font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--q-line);padding:2px 6px}
.syn-life-supported,.syn-life-strengthening,.syn-life-reacting{color:var(--q-live)}
.syn-life-under_pressure,.syn-life-deteriorating{color:var(--amber,#F5A623)}
.syn-life-invalidated,.syn-life-resolved{color:#F0B9BC}
.syn-evidence-kicker{margin:16px 0 8px;font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.syn-now{margin:0 0 14px;max-width:62ch;font:400 15px/1.45 var(--body);color:var(--bone)}
.syn-setup{max-width:48ch;line-height:1.4}
@media(max-width:900px){
  .q-decision-facts div{grid-template-columns:minmax(0,1fr);gap:2px}
  .q-decision-state{font-size:20px}
}