/* ===================== added surfaces ================================= */
/* token aliases for the new screens */
#scr-market,#scr-decisions{
  --sunk:var(--panel2);--ink:var(--txt);--good:var(--ok);--cut:var(--warn);--wall:#9E86C9;
  --ob1:#3FBFB2;--ob2:#2FB3A8;--ob3:#7FA6AE;--ob4:#A9BCC1;--ob5:#C6D2D0;
  --f1:#AEBDC3;--f2:#87A2A9;--f3:#2F8C83;--f4:#4C8A8C;--f5:#77A0A8;
  --mono:ui-monospace,'Cascadia Mono','Roboto Mono',Consolas,monospace}
body.light #scr-market,body.light #scr-decisions{
  --wall:#6F4284;--ob1:#0F5A54;--ob2:#1F8F86;--ob3:var(--timing);--ob4:#9AAFB4;--ob5:#C2CDCB;
  --f1:#6C7F87;--f2:#4E6E77;--f3:#0F4C49;--f4:#2A5C60;--f5:#436A72}
#scr-market .tnum,#scr-decisions .tnum{font-variant-numeric:tabular-nums}
#scr-market svg,#scr-decisions svg,#scr-dash .dsh-g svg,#scr-dash #dshSpag svg,#scr-dash #dshFan svg{
  display:block;overflow:visible;height:auto}
#scr-market .tab.off,#scr-strategic .tab.off,#scr-dash .tab.off{opacity:.35}

/* ---- materiality channels: the two top cards share one row height ---- */
.ob-split{align-items:stretch}
.ob-split > .card{display:flex;flex-direction:column;min-width:0}
#mcwBoxCard .ob-note{margin-top:auto}
#mcwList{flex:1 1 auto}
#mcwList .ob-reg{max-height:none}

/* ---- pricing ---- */
.mkt-fan{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,220px);gap:18px;align-items:start}
.mkt-rail{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.mkt-sc{display:block;width:100%;text-align:left;border:1px solid var(--line2);border-radius:2px;
  background:transparent;color:var(--muted);font-family:inherit;padding:9px 12px;cursor:pointer}
.mkt-sc:hover{border-color:var(--brand)}
.mkt-sc.on{background:var(--panel2)}
.mkt-sc b{display:block;font-size:12.5px;color:inherit}
.mkt-sc span{display:block;font-size:10.5px;color:var(--faint);margin-top:2px}
.mkt-sc small{display:block;font-family:var(--mono);font-size:9px;color:var(--faint);margin-top:4px}
.mkt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:3px;overflow:hidden;margin:4px 0 14px}
.mkt-st{background:var(--panel);padding:12px 15px}
.mkt-st.hi{background:var(--panel2)}
.mkt-st .k{font-family:var(--mono);font-size:8.5px;letter-spacing:1px;text-transform:uppercase;color:var(--faint)}
.mkt-st .v{font-size:22px;font-weight:600;line-height:1.25;margin-top:2px}
.mkt-st .v u{text-decoration:none;font-size:10.5px;font-weight:400;color:var(--faint);margin-left:6px}
.mkt-st .d{font-size:11px;color:var(--muted);line-height:1.5;margin-top:7px}
.mkt-st .d b{color:var(--txt)}
.mkt-st .m{font-family:var(--mono);font-size:9.5px;color:var(--faint);margin-top:6px}
.mkt-stats.compact .mkt-st{padding:9px 12px}
.mkt-stats.compact .mkt-st .v{font-size:17px}
.mkt-dist{margin-top:2px}
.mkt-fhead,.mkt-frow{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(80px,.8fr) minmax(130px,1.2fr) minmax(96px,.9fr) 74px;
  gap:14px;align-items:center}
.mkt-fhead{font-family:var(--mono);font-size:8px;letter-spacing:.9px;text-transform:uppercase;color:var(--faint);
  padding-bottom:7px;border-bottom:1px solid var(--line)}
.mkt-fwrap{border-bottom:1px solid var(--line);padding:11px 0}
.mkt-fwrap:last-child{border-bottom:0}
.mkt-frow b{font-size:12.5px;display:block}
.mkt-frow small{font-size:10.5px;color:var(--faint);display:block;margin-top:2px;line-height:1.4}
.mkt-meter{position:relative;height:8px;background:var(--panel2);border:1px solid var(--line);border-radius:2px}
.mkt-meter i{position:absolute;left:0;top:0;height:6px;border-radius:2px;display:block}
.mkt-meter .lk{position:absolute;left:0;top:11px;font-family:var(--mono);font-size:9.5px;color:var(--faint)}
.mkt-pot{position:relative;height:8px;background:var(--panel2);border:1px solid var(--line);border-radius:2px}
.mkt-pot i{position:absolute;left:0;top:0;height:6px;border-radius:2px;display:block;opacity:.85}
.mkt-pot span{position:absolute;left:0;top:11px;font-size:9.5px;color:var(--faint);white-space:nowrap}
.mkt-fdet{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:22px;
  padding-left:0}
.mkt-fdet .ob-rk{font-family:var(--mono);font-size:8px;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}
.mkt-fdet .ob-rv{font-size:11.5px;color:var(--muted);line-height:1.55}
.mkt-fsum{font-size:12px;color:var(--muted);line-height:1.6;margin-top:14px;border:1px dashed var(--line2);
  border-radius:3px;padding:11px 14px;background:var(--panel2)}
.mkt-fsum b{color:var(--txt)}

/* ---- strategic integration ---- */
.stg-split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:14px;align-items:stretch}
.stg-split > .card{display:flex;flex-direction:column;min-width:0}
.stg-prow{display:grid;grid-template-columns:minmax(180px,1.5fr) 88px minmax(90px,1fr) 54px;gap:14px;
  align-items:center;padding:11px 4px;border-bottom:1px solid var(--line);cursor:pointer;
  border-left:3px solid transparent}
.stg-prow:hover{background:var(--panel2);border-left-color:var(--brand)}
.stg-prow:last-child{border-bottom:0}
.stg-pips{display:flex;gap:3px}
.stg-pips i{display:block;width:12px;height:12px;border-radius:2px;border:1px solid var(--line2)}
.stg-pips i.lv0{background:transparent}
.stg-pips i.lv1{background:var(--warn);opacity:.45}
.stg-pips i.lv2{background:var(--brandLt);opacity:.65}
.stg-pips i.lv3{background:var(--ok)}
.stg-crit{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:14px;align-items:start;
  padding:10px 2px;border-bottom:1px solid var(--line)}
.stg-crit:last-of-type{border-bottom:0}
.stg-crit > div:last-child{text-align:right}
.stg-type{display:grid;grid-template-columns:minmax(0,1fr) 78px 44px;gap:12px;align-items:center;
  padding:8px 2px;border-bottom:1px solid var(--line)}
.stg-type:last-child{border-bottom:0}
.stg-type.on{align-items:start}
.stg-conc{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.stg-cc{border-left:2px solid var(--line2);padding-left:13px}
.stg-cc .ob-rk{font-family:var(--mono);font-size:8.5px;letter-spacing:1.2px;text-transform:uppercase}
.stg-cc .ob-rv{font-size:12px;color:var(--muted);line-height:1.6}
.stg-cc .ob-rv b{color:var(--txt);font-weight:600}
#scr-strategic .ob-kpis .v{font-size:20px}

/* ---- decision applications ---- */
.dcn-split{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:14px;align-items:start}
#scr-decisions .decision-output-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
#scr-decisions .narrative-box{font-size:12.5px;line-height:1.6}

/* ---- dashboard additions ---- */
.dsh-two{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);gap:14px;
  align-items:stretch;margin-bottom:14px}
.dsh-two > .card{display:flex;flex-direction:column;min-width:0}
.dsh-graphs{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 34px}
.mkt-stats.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
#stgDimCard .ob-note{margin-top:auto}
.dsh-chh,.dsh-chr{display:grid;
  grid-template-columns:26px minmax(130px,1fr) minmax(150px,1.15fr) minmax(280px,2fr) minmax(130px,1fr) 74px;
  gap:14px;align-items:center}
.dsh-chh{font-family:var(--mono);font-size:8px;letter-spacing:.9px;text-transform:uppercase;color:var(--faint);
  padding-bottom:7px;border-bottom:1px solid var(--line)}
.dsh-chr{padding:11px 0;border-bottom:1px solid var(--line);cursor:pointer;border-left:3px solid transparent}
.dsh-chr:hover{background:var(--panel2);border-left-color:var(--brand)}
.dsh-chr:last-child{border-bottom:0}
.dsh-chr .no{font-family:var(--mono);font-size:11px;color:var(--faint);text-align:right}
.dsh-chr b{font-size:12.5px;display:block;line-height:1.3}
.dsh-chr small{font-size:10px;color:var(--faint);display:block;margin-top:2px;line-height:1.35}
.dsh-prop{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.dsh-sg{border:1px solid;border-radius:2px;padding:3px 7px;background:var(--panel2);min-width:0}
.dsh-sg b{font-family:var(--mono);font-size:10px;display:block}
.dsh-sg small{font-size:9px;color:var(--faint);display:block;margin-top:1px;max-width:120px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dsh-ar{font-style:normal;color:var(--faint);font-size:11px}
#scr-dash #decisionApplications{display:none!important}
@media (max-width:1180px){ .dsh-two,.stg-split,.mkt-fan,.dcn-split{grid-template-columns:1fr} }
.dcn-cov{display:flex;flex-direction:column;margin-top:4px}
.dcn-cv{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;
  padding:8px 2px;border-bottom:1px solid var(--line);font-size:12.5px}
.dcn-cv:last-child{border-bottom:0}
.dcn-cv i{width:9px;height:9px;border-radius:50%;border:1px solid var(--line2);display:block}
.dcn-cv i.on{background:var(--brand);border-color:var(--brand)}
.dcn-cv small{font-family:var(--mono);font-size:8.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--faint)}
.dcn-nav{padding:9px 2px;border-bottom:1px solid var(--line);cursor:pointer;border-left:3px solid transparent}
.dcn-nav:last-child{border-bottom:0}
.dcn-nav:hover{background:var(--panel2);border-left-color:var(--brand)}
.dcn-nav b{font-size:12.5px;display:block}
.dcn-nav small{font-size:10.5px;color:var(--faint);display:block;margin-top:2px}
.stg-mx{display:grid;grid-template-columns:minmax(120px,1.4fr) 110px repeat(5,minmax(0,1fr));
  gap:1px;background:var(--line);border:1px solid var(--line)}
.stg-mx > div{background:var(--panel);padding:7px 9px;font-size:11px}
.stg-mx .hd{font-family:var(--mono);font-size:7.5px;letter-spacing:.8px;text-transform:uppercase;
  color:var(--faint);line-height:1.3}
.stg-mx .hd.tv{text-align:center}
.stg-mx .hd.win{color:var(--brandLt)}
.stg-mx .nm{font-size:11.5px}
.stg-mx .sc{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.stg-mx .sc b{font-family:var(--mono);font-size:10.5px;font-weight:600}
.stg-mx .sc .ob-bar{position:relative}
.stg-mx .sc .ob-fill{position:absolute;left:0;top:0}
.stg-mx .cl{text-align:center;font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.stg-mx .cl.win{color:var(--txt);font-weight:600;box-shadow:inset 0 0 0 1px var(--brandLt)}