.plant-headline{display:flex;align-items:center;justify-content:space-between;gap:15px}.plant-headline h2{margin:0}.eyebrow{font-size:10px;letter-spacing:.1em;color:#68838d;margin-bottom:9px}.process-links{font-size:11px}.operation-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.operation-actions button{font-size:11px}.controls input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--teal)}.controls label.switch{display:flex;align-items:center;gap:9px;font-size:12px;padding:7px;background:#f1f6f7;border-radius:6px}.controls .stage-switches{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.controls .stage-switches label{justify-content:center;padding:7px 2px;font-size:11px}.readings{padding:10px;background:#edf6f5;border:1px solid #bfd9d4;border-radius:8px;font-size:12px;line-height:1.6}.alarm-list{list-style:none;padding:0;max-height:260px;overflow:auto}.alarm-list li{font-size:11px;border-left:3px solid #dfa642;background:#fff8e7;padding:8px;margin-bottom:6px}.alarm-list li.high{border-color:#d25141;background:#fff0ed}.alarm-list li.ok{border-color:#14836e;background:#eaf6f1}.plant-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.level-card{border:1px solid #d9e5e8;border-radius:7px;padding:8px;font-size:10px}.level-card strong{display:block;font-size:12px;margin-bottom:4px}.level-card .bar{height:5px;margin:5px 0}.metric-table{overflow:auto}.metric-table table{min-width:450px}#journal{max-height:240px}.scene svg{min-width:650px}.scene [role=button]{cursor:pointer}.scene [role=button]:focus{outline:none;filter:drop-shadow(0 0 5px #9ff0db)}.pipe-flow{stroke-dasharray:12 8}.running .pipe-flow{animation:plantflow 2s linear infinite}@keyframes plantflow{to{stroke-dashoffset:-40}}.training-note{font-size:11px;color:#5b7580;line-height:1.6}.units{font-size:10px;color:#587882}.source-list{font-size:11px}.controls label small{display:block;margin-top:4px;color:#62808a;font-size:10px}.equipment-toggle{fill:#102f3d;stroke:#477685;stroke-width:1.5}.equipment-title{fill:#edf7f9;font-size:13px}.equipment-probe{fill:#a4d9e1;font-size:11px}.equipment-state{font-size:10px;fill:#a2d9bf}details summary{cursor:pointer;padding:6px 0}.plant-note{border-left:3px solid #087b78;padding-left:10px;font-size:12px}.controls .right-dashboard{position:static}.controls fieldset{scroll-margin-top:10px}@media(min-width:1500px){main{grid-template-columns:250px minmax(580px,1fr) 350px}}@media(max-width:760px){.plant-headline{display:block}.plant-levels{grid-template-columns:1fr 1fr}.plant-headline a{display:block;margin:8px 0}aside,section{max-height:none}main>section{overflow:visible}.scene{max-width:100%}.metric-table{max-width:100%}header a{font-size:12px}}@media(prefers-reduced-motion:reduce){.pipe-flow{animation:none!important}}
.controls .right-dashboard{position:sticky;top:-15px;max-height:42dvh;overflow:auto;background:#fff;z-index:3}@media(max-width:1150px){.controls .right-dashboard{position:static;max-height:none}}
.sx-stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:10px}.sx-stage-card{min-width:0;background:#133442;border-radius:12px;overflow:hidden}.sx-stage-card svg{display:block;width:100%;height:auto;min-width:0}.sx-legend{font-size:12px;line-height:1.7;color:#486872}.sx-legend span{display:inline-block;width:16px;height:11px;vertical-align:middle;border:1px solid #6b8390;margin:0 4px}.legend-organic{background:#d5a04c}.legend-aqueous{background:#80b8df}.sx-isolated{opacity:.4}.sx-workshop svg text{font-family:system-ui,sans-serif}.sx-machine [role=button]{cursor:pointer}.sx-machine [role=button]:focus{outline:none;filter:drop-shadow(0 0 4px #a1dfca)}.running .sx-impeller{transform-box:fill-box;transform-origin:center;animation:sx-agitator var(--sx-agitator-period,1s) linear infinite}@keyframes sx-agitator{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.2)}}@media(prefers-reduced-motion:reduce){.sx-impeller{animation:none!important}}