/* UI Stage B · Unified Decision Workspace Layout
   Presentation only. Desktop >=900px · Mobile <900px. */
:root{
  --b-max:1680px;--b-reading:1180px;--b-gap:14px;--b-card-radius:12px;
  --b-border:#e1e7ef;--b-soft:#f8fafc;--b-ink:#142033;--b-muted:#6b7a90;
}
:is(.d-shell main,.p-main,.so-main,.f-main,.wp-main,.c-main,.dc-main,.pv-main,.bc-main,.sys-main){
  width:min(100%,var(--b-max));margin-inline:auto
}
:is(.p-card,.so-panel,.f-card,.wp-card,.d-panel,.di-panel,.c-card,.dc-card,.pv-card,.bc-card,.sys-card){
  border-radius:var(--b-card-radius)!important
}
/* One hierarchy language across the decision surfaces. */
:is(.p-workspace-section,.so-flow-block,.wp-section,.f-report-sec){
  scroll-margin-top:18px
}
:is(.p-workspace-section-head,.so-flow-heading){
  display:flex;align-items:flex-start;gap:10px
}
:is(.p-workspace-section-head,.so-flow-heading)>span{
  flex:0 0 26px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:8px;font-size:11px;font-weight:800
}
:is(.p-workspace-section-head,.so-flow-heading)>div{min-width:0}
:is(.p-workspace-section-head,.so-flow-heading) b{letter-spacing:-.01em}
:is(.p-workspace-section-head,.so-flow-heading) small{display:block;margin-top:2px;color:var(--b-muted);line-height:1.4}

/* Desktop: lists are navigation; selected-stock decision workspace is dominant. */
@media(min-width:900px){
  #productionApp .p-layout,#shadowApp .p-layout{
    grid-template-columns:minmax(420px,38fr) minmax(620px,62fr)!important;
    gap:var(--b-gap)!important;align-items:start
  }
  #productionApp .p-left-stack,#shadowApp .p-left-stack{position:sticky;top:12px;max-height:calc(100vh - 24px)}
  #productionApp .p-desktop-detail,#shadowApp .p-desktop-detail{min-width:0}
  #productionApp .p-workspace-section,#shadowApp .p-workspace-section{
    padding:15px 16px!important;margin-bottom:10px!important
  }
  #productionApp .p-workspace-decision,#shadowApp .p-workspace-decision{
    border-width:1px!important;box-shadow:0 8px 24px rgba(15,23,42,.055)
  }
  #productionApp .p-workspace-actions,#shadowApp .p-workspace-actions{
    position:sticky;bottom:10px;z-index:8;padding:10px!important;border:1px solid var(--b-border);
    border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(15,23,42,.1);
    backdrop-filter:blur(10px)
  }
  .so-page .so-main{max-width:var(--b-reading)}
  .so-page .so-flow{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  .forward-research-page .f-grid{grid-template-columns:minmax(0,1.7fr) minmax(460px,1fr)!important}
  .forward-research-page .f-inspector{position:sticky;top:12px;align-self:start;max-height:calc(100vh - 24px);overflow:auto;scrollbar-gutter:stable}
  .wp-page .wp-grid{grid-template-columns:minmax(0,1.55fr) minmax(430px,.9fr)!important;align-items:start}
  .wp-page .wp-detail{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;scrollbar-gutter:stable}
  #dashboardApp .d-kpis{margin-top:12px!important}
  #dashboardApp #decisionInbox{margin-bottom:12px!important}
  #dashboardApp .table-panel{margin-top:12px!important}
}

/* Mobile: progressive disclosure, readable decision first, no desktop density leakage. */
@media(max-width:899px){
  :is(.d-shell main,.p-main,.so-main,.f-main,.wp-main,.c-main,.dc-main,.pv-main,.bc-main,.sys-main){
    width:100%;padding-left:12px!important;padding-right:12px!important
  }
  #productionApp .p-hero,#shadowApp .p-hero,.wp-page .wp-kpis,.forward-research-page .f-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  #productionApp .p-hero>*:first-child,#shadowApp .p-hero>*:first-child{
    grid-column:1/-1
  }
  .p-mobile-card,.wp-mobile-card,.f-mobile-card{border-radius:14px!important;overflow:hidden}
  .p-mobile-card summary,.wp-mobile-card summary,.f-mobile-card summary{padding:14px!important}
  .p-mobile-detail,.wp-mobile-body,.f-mobile-body{padding:0 14px 14px!important}
  .sca-host{margin-top:10px}
  .so-page .so-panel{padding:14px!important}
  .so-page .so-page-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .so-page .so-page-actions>*{width:100%;justify-content:center;text-align:center}
  .forward-research-page .f-lens{margin-bottom:10px!important}
  .forward-research-page .f-grid,.wp-page .wp-grid{display:block!important}
  .wp-page .wp-watch-add{margin-bottom:10px!important}
  .wp-page .wp-add-panel{padding:12px!important}
  #dashboardApp .d-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #dashboardApp .d-kpis article:first-child{grid-column:1/-1}
  #dashboardApp .bottom{grid-template-columns:1fr!important}
}
@media(max-width:430px){
  #productionApp .p-hero,#shadowApp .p-hero,.wp-page .wp-kpis,.forward-research-page .f-kpis,
  #dashboardApp .d-kpis{gap:8px!important}
  :is(.p-workspace-section-head,.so-flow-heading)>span{flex-basis:24px;width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}