/*! NBC v6.675 · Instrument logic clarity · Operating Twin + Barometer */

/* Operating Twin: particles are information carriers, not dark decorative dots. */
body.page-home .operating-twin__particle{
  vector-effect:non-scaling-stroke;
  stroke:rgba(255,255,255,.34);
  stroke-width:.65;
}
body.page-home .operating-twin__particle--order{fill:#fffdf7!important}
body.page-home .operating-twin__particle--info{fill:#b8f0c4!important}
body.page-home .operating-twin__particle--approval{fill:#ffd18a!important}
body.page-home .operating-twin__particle--material{fill:#98e3a8!important}
body.page-home .operating-twin__particle--service{fill:#edf4ef!important}
body.page-home .operating-twin__particle--rework{fill:#ffd18a!important}
body.page-home .operating-twin__particle--exception{fill:#ef9189!important}
@media (max-width:760px){
  body.page-home .p7-twin__visual .operating-twin__particle,
  body.page-home .m2-twin__visual .operating-twin__particle{
    filter:drop-shadow(0 0 3.5px rgba(177,239,192,.56))!important;
    stroke:rgba(255,255,255,.50);
    stroke-width:.78;
  }
  body.page-home .p7-twin__visual .operating-twin__particle--approval,
  body.page-home .p7-twin__visual .operating-twin__particle--rework,
  body.page-home .m2-twin__visual .operating-twin__particle--approval,
  body.page-home .m2-twin__visual .operating-twin__particle--rework{filter:drop-shadow(0 0 3.5px rgba(255,209,138,.58))!important}
  body.page-home .p7-twin__visual .operating-twin__particle--exception,
  body.page-home .m2-twin__visual .operating-twin__particle--exception{filter:drop-shadow(0 0 3.5px rgba(239,145,137,.52))!important}
}

/* Barometer: calm base stream; full contrast only at the currently active pressure point. */
body.page-barometer .baro-d2-particle-layer{opacity:1!important}
body.page-barometer .baro-d2-particle{
  fill:#aebbb2;
  filter:none;
  stroke:none;
  transition:fill .18s ease,opacity .18s ease,r .18s ease;
}
body.page-barometer .baro-d2-particle[data-flow-focus="active"]{
  filter:url(#baroParticleGlow);
  stroke:rgba(255,255,255,.24);
  stroke-width:.45;
}
body.page-barometer .baro-d2-particle[data-flow-focus="secondary"]{filter:none}
body.page-barometer .baro-d2-particle[data-flow-state="main"]{fill:#aab7ae}
body.page-barometer .baro-d2-particle[data-flow-state="manual"],
body.page-barometer .baro-d2-particle[data-flow-state="system"],
body.page-barometer .baro-d2-particle[data-flow-state="queue"]{fill:#f0bf72}
body.page-barometer .baro-d2-particle[data-flow-state="scatter"]{fill:#e8c993}
body.page-barometer .baro-d2-particle[data-flow-state="stalled"]{fill:#df7771}
body.page-barometer .baro-d2-particle[data-flow-state="recovery"]{fill:#8bcf9a}
body.page-barometer .baro-stage[data-baro-particle-flow="focused"] .baro-d2-flow-segment{filter:none}
@media (prefers-reduced-motion:reduce){
  body.page-barometer .baro-d2-particle-layer{opacity:.42!important}
}


/* One causal layer at a time: other dimensions remain context, not competing animation. */
body.page-barometer .baro-d2-layer [data-dimension]{transition:opacity .22s ease,filter .22s ease}
body.page-barometer .baro-d2-layer[data-active-dimension="manual"] [data-dimension]:not([data-dimension="manual"]),
body.page-barometer .baro-d2-layer[data-active-dimension="system"] [data-dimension]:not([data-dimension="system"]),
body.page-barometer .baro-d2-layer[data-active-dimension="data"] [data-dimension]:not([data-dimension="data"]),
body.page-barometer .baro-d2-layer[data-active-dimension="scale"] [data-dimension]:not([data-dimension="scale"]),
body.page-barometer .baro-d2-layer[data-active-dimension="resilience"] [data-dimension]:not([data-dimension="resilience"]){opacity:.075!important;filter:none!important}
body.page-barometer .baro-d2-layer[data-active-dimension] [data-dimension]{pointer-events:none}


/* Scenario icon grammar: same semantic glyphs across Operating Twin and Barometer. */
body.page-home .twin-scenario-icon{
  display:grid!important;place-items:center;width:22px;height:22px;margin-top:8px;
  color:rgba(184,240,196,.78)!important;border:1px solid rgba(184,240,196,.18);border-radius:7px;
  background:rgba(184,240,196,.035);letter-spacing:0!important;
}
body.page-home .twin-scenario-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
body.page-home .operating-twin__scenario[aria-pressed="true"] .twin-scenario-icon,
body.page-home .p7-twin__scenario-index button[aria-pressed="true"] .twin-scenario-icon{color:#c9f4d2!important;border-color:rgba(201,244,210,.42);background:rgba(139,207,154,.09)}
body.page-home .p7-twin__scenario-index .twin-scenario-icon{width:20px;height:20px;margin-top:5px}
body.page-home .p7-twin__scenario-index .twin-scenario-icon svg{width:14px;height:14px}
@media (min-width:761px){body.page-home .operating-twin__scenario{padding-right:42px}body.page-home .operating-twin__scenario .twin-scenario-icon{position:absolute;right:14px;top:8px;margin:0}}

/* Barometer already had scenario icons; make them intentionally visible rather than ornamental. */
body.page-barometer .baro-scenario .baro-scenario-icon{
  display:grid!important;place-items:center!important;width:30px;height:30px;color:rgba(184,240,196,.78)!important;
  border:1px solid rgba(184,240,196,.18);border-radius:9px;background:rgba(184,240,196,.035)
}
body.page-barometer .baro-scenario .baro-scenario-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
body.page-barometer .baro-scenario[aria-pressed="true"] .baro-scenario-icon{color:#c9f4d2!important;border-color:rgba(201,244,210,.42);background:rgba(139,207,154,.09)}

/* Active editor vs calculated pressure point are deliberately distinct concepts. */
body.page-barometer [data-baro-active-layer]{color:rgba(247,245,242,.94)}
body.page-barometer .baro-pressure-marker text:first-of-type{letter-spacing:.11em}

/* Mobile Twin selector: preserve legible labels and 44px+ tap targets; never five cramped columns. */
@media (max-width:760px){
  body.page-home .p7-twin__scenario-index{grid-template-columns:1fr 1fr!important;padding-inline:var(--p7-gutter,20px)!important}
  body.page-home .p7-twin__scenario-index button,
  body.page-home .p7-twin__scenario-index button:nth-child(odd),
  body.page-home .p7-twin__scenario-index button:nth-child(even){
    grid-column:auto!important;min-height:72px!important;padding:12px!important;border-right:0!important;border-bottom:1px solid rgba(235,242,236,.08)!important
  }
  body.page-home .p7-twin__scenario-index button:nth-child(odd){border-right:1px solid rgba(235,242,236,.08)!important}
  body.page-home .p7-twin__scenario-index button:last-child{grid-column:1/-1!important;border-right:0!important;border-bottom:0!important}
  body.page-home .p7-twin__scenario-index strong{font-size:11.5px!important;line-height:1.16!important}
}