/* NBC P3 cascade containment v7329 */
@layer nbc.legacy{
/*! NBC v7.039 · Barometer Premium / Performance Finalization
   Scope: barometer only. Logic stays qualitative; visual hierarchy and responsive ownership are refined. */

body.page-barometer[data-barometer-finalization="v7039"]{
  --baro-v7039-green:#92d6a1;
  --baro-v7039-amber:#e2b86e;
  --baro-v7039-red:#dc7771;
  --baro-v7039-line:rgba(229,241,232,.105);
  --baro-v7039-muted:rgba(229,237,231,.64);
}

/* P1 · Instrument hierarchy: one active layer, four supporting layers. */
body.page-barometer[data-barometer-finalization="v7039"] .baro-dimension{
  transition:opacity .18s ease,background-color .18s ease,border-color .18s ease;
}
body.page-barometer[data-barometer-finalization="v7039"] .baro-dimension[data-active="false"]{opacity:.62}
body.page-barometer[data-barometer-finalization="v7039"] .baro-dimension[data-active="true"]{
  opacity:1;
  background:linear-gradient(90deg,rgba(146,214,161,.065),transparent 72%);
}
body.page-barometer[data-barometer-finalization="v7039"] .baro-dimension[data-active="true"] .baro-dimension-title{color:#f2f6f2!important}
body.page-barometer[data-barometer-finalization="v7039"] .baro-dimension[data-active="true"] .baro-range{filter:saturate(1.08)}
body.page-barometer[data-barometer-finalization="v7039"] .baro-grid{opacity:.46}
body.page-barometer[data-barometer-finalization="v7039"] .baro-phases{opacity:.66}
body.page-barometer[data-barometer-finalization="v7039"] .baro-baseline{opacity:.48}
body.page-barometer[data-barometer-finalization="v7039"] .baro-readout>div:not(:first-child){opacity:.76}

/* Status semantics: Stufe 1 is critical; Stufe 2 is fragile/amber, not red. */
body.page-barometer[data-barometer-finalization="v7039"] .baro-dimension[data-level="1"] .baro-level-badge{color:var(--baro-v7039-red)!important;border-color:rgba(220,119,113,.34)!important}
body.page-barometer[data-barometer-finalization="v7039"] .baro-dimension[data-level="2"] .baro-level-badge{color:var(--baro-v7039-amber)!important;border-color:rgba(226,184,110,.34)!important}
body.page-barometer[data-barometer-finalization="v7039"][data-barometer-tone="fragile"] :is(.baro-stage-status,.r4-result-state){color:var(--baro-v7039-amber)!important;border-color:rgba(226,184,110,.34)!important}
body.page-barometer[data-barometer-finalization="v7039"][data-barometer-tone="critical"] :is(.baro-stage-status,.r4-result-state){color:var(--baro-v7039-red)!important;border-color:rgba(220,119,113,.34)!important}

/* P1 · Result is the answer zone, not another instrument. */
body.page-barometer[data-barometer-finalization="v7039"] .baro-finding{
  background:linear-gradient(180deg,rgba(18,34,23,.86),rgba(7,16,11,.96))!important;
  border-top-color:rgba(146,214,161,.18)!important;
}
body.page-barometer[data-barometer-finalization="v7039"] .r4-result-head h2{letter-spacing:-.052em!important}
body.page-barometer[data-barometer-finalization="v7039"] .r4-result-triad>article{background:transparent!important}
body.page-barometer[data-barometer-finalization="v7039"] .baro-calculator{
  border-top:1px solid rgba(229,241,232,.10)!important;
  padding-top:8px!important;
}

/* P1 · Tablet owns a real composition instead of compressed desktop columns. */
@media (min-width:761px) and (max-width:1050px){
  body.page-barometer[data-barometer-finalization="v7039"] .baro-workbench{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"stage" "controls" "result"!important;
    overflow:visible!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-stage{
    grid-area:stage!important;
    border-bottom:1px solid var(--baro-v7039-line)!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-controls{
    grid-area:controls!important;
    border-right:0!important;
    border-top:0!important;
    padding:20px 22px 22px!important;
    background:rgba(247,245,242,.018)!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-controls-head{
    display:flex!important;
    align-items:baseline!important;
    justify-content:space-between!important;
    gap:18px!important;
    padding-bottom:14px!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-controls-head>strong{font-size:16px!important}
  body.page-barometer[data-barometer-finalization="v7039"] .baro-dimensions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0 18px!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-dimension{
    padding:14px 0 13px!important;
    border-bottom:1px solid var(--baro-v7039-line)!important;
    background:transparent!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-dimension-head{
    grid-template-columns:20px minmax(0,1fr)!important;
    row-gap:5px!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-level-badge{
    grid-column:2!important;
    justify-self:start!important;
    white-space:normal!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-range,
  body.page-barometer[data-barometer-finalization="v7039"] .baro-level-ticks{width:100%!important}
  body.page-barometer[data-barometer-finalization="v7039"] .baro-dimension-copy{
    font-size:13px!important;
    line-height:1.48!important;
    color:var(--baro-v7039-muted)!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-svg{
    height:clamp(430px,55vw,540px)!important;
    min-height:430px!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-finding{grid-area:result!important}
}
@media (min-width:761px) and (max-width:850px){
  body.page-barometer[data-barometer-finalization="v7039"] .baro-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* P0/P1 · Mobile: instant preview + compact, accessible fine tuning. */
@media (max-width:760px){
  body.page-barometer[data-barometer-finalization="v7039"] .baro-finding{
    background:linear-gradient(180deg,#0c1b12,#08110c)!important;
    color:#eff4ef!important;
    border-top:1px solid rgba(146,214,161,.20)!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-finding :is(h2,h3,strong){color:#f2f5f2!important}
  body.page-barometer[data-barometer-finalization="v7039"] .baro-finding :is(p,small,li){color:rgba(232,239,233,.66)!important}
  body.page-barometer[data-barometer-finalization="v7039"] .baro-finding :is(.baro-kicker,.r4-result-state,.r4-result-triad span,.r4-proof-grid span){color:#9ed9ab!important}
  body.page-barometer[data-barometer-finalization="v7039"] .r4-result-head>p,
body.page-barometer[data-barometer-finalization="v7039"] .baro-readout>div:nth-child(3){display:none!important}
  body.page-barometer[data-barometer-finalization="v7039"] .baro-mobile-tuning-panel .baro-dimension{
    padding:13px 0!important;
    min-height:0!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-mobile-tuning-panel .baro-dimension[data-active="true"]{
    padding:18px 0 17px!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-mobile-tuning-panel .baro-dimension[data-active="false"] .baro-dimension-copy,
  body.page-barometer[data-barometer-finalization="v7039"] .baro-mobile-tuning-panel .baro-dimension[data-active="false"] .baro-level-ticks{
    display:none!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-mobile-tuning-panel .baro-dimension[data-active="false"] .baro-range{
    opacity:.48!important;
    margin-top:9px!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-mobile-tuning-panel .baro-dimension[data-active="true"] .baro-range{margin-top:12px!important}
  body.page-barometer[data-barometer-finalization="v7039"] .baro-mobile-tuning-panel .baro-range,
  body.page-barometer[data-barometer-finalization="v7039"] .baro-mobile-tuning-panel .baro-level-ticks{width:100%!important}
  body.page-barometer[data-barometer-finalization="v7039"] .baro-mobile-tuning-panel .baro-dimension-copy{
    max-width:33ch!important;
    margin-top:9px!important;
    font-size:13.5px!important;
    line-height:1.5!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-mobile-tuning-toggle{
    border-color:rgba(146,214,161,.28)!important;
    background:rgba(146,214,161,.045)!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-next-actions{margin-top:22px!important}
  body.page-barometer[data-barometer-finalization="v7039"] .baro-calculator{margin-top:18px!important}
}

@media (prefers-reduced-motion:reduce){
  body.page-barometer[data-barometer-finalization="v7039"] .baro-dimension{transition:none!important}
}


/* v7.039 mobile fine-tuning closeout: one explanatory dimension, four compact selectors. */
body.page-barometer[data-barometer-finalization="v7039"] .baro-dimension-activate,
body.page-barometer[data-barometer-finalization="v7039"] .baro-model-details{display:none}
@media (max-width:760px){
  body.page-barometer[data-barometer-finalization="v7039"] .baro-mobile-tuning-panel .baro-dimension{position:relative!important}
  body.page-barometer[data-barometer-finalization="v7039"] .baro-mobile-tuning-panel .baro-dimension[data-active="false"]{
    min-height:58px!important;
    padding:13px 40px 13px 0!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-mobile-tuning-panel .baro-dimension[data-active="false"] :is(.baro-range,.baro-level-ticks,.baro-dimension-copy){display:none!important}
  body.page-barometer[data-barometer-finalization="v7039"] .baro-dimension-activate{
    display:grid;
    place-items:center;
    position:absolute;
    right:0;
    top:12px;
    width:34px;
    height:34px;
    padding:0;
    border:1px solid rgba(146,214,161,.22);
    border-radius:50%;
    background:rgba(146,214,161,.035);
    color:#9ed9ab;
    font:500 18px/1 "IBM Plex Mono",monospace;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-dimension[data-active="true"] .baro-dimension-activate{display:none}
  body.page-barometer[data-barometer-finalization="v7039"] .baro-mobile-tuning-panel .baro-dimension[data-active="false"] .baro-dimension-head{
    grid-template-columns:20px minmax(0,1fr)!important;
    padding-right:0!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-mobile-tuning-panel .baro-dimension[data-active="false"] .baro-level-badge{
    grid-column:2!important;
    justify-self:start!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-toolbar .baro-model-note{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-model-details{
    display:block;
    width:100%;
    margin-top:10px;
    border-top:1px solid rgba(229,241,232,.09);
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-model-details>summary{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    list-style:none;
    cursor:pointer;
    color:rgba(232,239,233,.66);
    font-size:11.5px;
  }
  body.page-barometer[data-barometer-finalization="v7039"] .baro-model-details>summary::-webkit-details-marker{display:none}
  body.page-barometer[data-barometer-finalization="v7039"] .baro-model-details>summary::after{content:"+";color:#9ed9ab;font-size:16px}
  body.page-barometer[data-barometer-finalization="v7039"] .baro-model-details[open]>summary::after{content:"−"}
  body.page-barometer[data-barometer-finalization="v7039"] .baro-model-details>p{
    margin:0 0 12px!important;
    font-size:11.5px!important;
    line-height:1.55!important;
    color:rgba(232,239,233,.58)!important;
  }
}

}