:root{color-scheme:dark;--room-bg: #07101b;--console-blue: #1591d0;--console-blue-dark: #075b96;--console-blue-deep: #04355d;--panel-edge: #6dcaf0;--panel-shadow: rgba(0, 0, 0, .42);--hardware: #0f2334;--hardware-2: #132d42;--screen: #02070a;--screen-green: #40ff8b;--screen-muted: #80a898;--text: #eef8ff;--muted: #b4d4e5;--line: rgba(205, 239, 255, .22);--green: #35f07b;--yellow: #ffd65c;--red: #ff4d4d;--blue: #69c9ff;font-family:Segoe UI,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;max-width:100%}body{overflow:hidden;background:radial-gradient(circle at 12% 0%,rgba(32,172,218,.18),transparent 34%),linear-gradient(120deg,#06101c,#071b2c 44%,#03070d);color:var(--text)}button{min-height:42px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:linear-gradient(180deg,#5e7486,#26394a);box-shadow:0 3px #07121d;color:var(--text);cursor:pointer;font:inherit;font-weight:800;letter-spacing:0;text-transform:uppercase;touch-action:manipulation}button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}button:active{transform:translateY(2px);box-shadow:0 1px #07121d}.cne-shell{display:flex;flex-direction:column;height:100dvh;min-width:0;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#1a3346,#0c1c2a);box-shadow:0 8px 24px #00000047;max-width:100vw}.plant-title{min-width:0}.unit-chip{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border:1px solid rgba(109,202,240,.45);border-radius:5px;background:#1591d02e;color:var(--panel-edge);font-size:11px;font-weight:900;text-transform:uppercase}.topbar h1{margin:4px 0 2px;font-size:20px;line-height:1.05}.topbar p{margin:0;color:var(--muted);font-size:12px}.topbar-status{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0}.clock-block{min-width:124px;padding:6px 10px;border:3px solid #05090d;border-radius:6px;background:#020406;box-shadow:inset 0 0 20px #40ff8b14;font-family:Consolas,Courier New,monospace;text-align:center}.clock-block span{display:block;color:var(--screen-muted);font-size:10px}.clock-block strong{display:block;color:var(--screen-green);font-size:19px}.trip-badge{display:none;min-width:62px;padding:8px 10px;border:1px solid #ffb3b3;border-radius:5px;background:#b50016;color:#fff;font-weight:900;text-align:center;animation:blink .7s steps(2,end) infinite}.trip-badge.visible{display:block}.ack-button{min-width:74px;background:linear-gradient(180deg,#ffe17a,#c48d12);color:#130d00}.next-help-button{min-width:118px;background:linear-gradient(180deg,#d9f7ff,#54bde3);color:#06121d}.annunciator-strip{padding:8px 12px 10px;border-bottom:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#0d1c29,#09131d);max-width:100vw}.annunciator-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:var(--muted);cursor:pointer;font-size:12px;font-weight:900;list-style:none;text-transform:uppercase}.annunciator-head::-webkit-details-marker{display:none}.annunciator-head:after{content:"Ascunde";margin-left:12px;padding:3px 7px;border:1px solid rgba(109,202,240,.38);border-radius:5px;color:var(--panel-edge);font-size:10px}.annunciator-strip:not([open]) .annunciator-head{margin-bottom:0}.annunciator-strip:not([open]) .annunciator-head:after{content:"Arata"}.annunciator-strip:not([open]) .alarm-grid{display:none}.annunciator-strip.has-active:not([open]){border-bottom-color:#ffd65ccc}.annunciator-strip.has-danger:not([open]){border-bottom-color:#ff4d4df2;box-shadow:inset 0 -2px #ff4d4db3}.annunciator-head strong{color:var(--panel-edge)}.alarm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:4px}.alarm-tile{min-height:45px;padding:5px 4px;border:1px solid #465b67;border-radius:4px;background:linear-gradient(180deg,#172832,#0f1b24);box-shadow:inset 0 2px 6px #00000080;color:#7f98a8;font-size:10px;line-height:1.1;overflow-wrap:anywhere}.alarm-tile.active-warning{border-color:#ffeaa0;background:var(--yellow);color:#1b1300;animation:blink 1s infinite}.alarm-tile.active-danger{border-color:#ffd0d0;background:var(--red);color:#fff;animation:blink .55s infinite}.alarm-tile.acknowledged{animation:none;opacity:.9}.alarm-tile.selected{outline:2px solid white}.pl-tabs{display:flex;gap:6px;padding:8px 12px 0;overflow-x:auto;border-bottom:3px solid var(--console-blue);background:linear-gradient(180deg,#091623,#06101b);scrollbar-width:thin;max-width:100vw}.pl-tab{display:grid;align-content:center;min-width:154px;min-height:58px;border:2px solid rgba(109,202,240,.28);border-bottom:0;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#173247,#0f2334);box-shadow:none;color:#bdd8e8}.pl-tab strong{font-size:14px}.pl-tab span{margin-top:2px;color:#92b9ce;font-size:10px}.pl-tab.active{border-color:#b9eeffe6;background:linear-gradient(180deg,#2bb6e8,#0c6fab);color:#fff}.pl-tab.active span{color:#e5f8ff}.control-room{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;flex:1;min-height:0;padding:14px;overflow:auto;background:linear-gradient(90deg,rgba(21,145,208,.16),transparent 28%),linear-gradient(180deg,#09243b,#06101a 52%,#03080d);max-width:100vw}.side-console{display:grid;align-content:start;gap:12px;min-width:0}.pl-view{display:none;min-width:0}.pl-view.active{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;gap:14px}.panel-column{display:grid;align-content:start;gap:14px;min-width:0}.panel-column.wide{min-width:0}.hardware-panel,.coach-panel,.field-panel,.crt-monitor{min-width:0;border:2px solid rgba(198,239,255,.24);border-radius:7px;background:linear-gradient(165deg,rgba(87,192,236,.22),transparent 36%),linear-gradient(180deg,var(--console-blue),var(--console-blue-dark) 54%,var(--console-blue-deep));box-shadow:inset 0 1px #ffffff38,inset 0 -14px 24px #00264b47,0 14px 28px var(--panel-shadow);padding:12px}.hardware-panel{position:relative}.hardware-panel:before{content:"";position:absolute;inset:8px;pointer-events:none;border:1px solid rgba(255,255,255,.08);border-radius:5px}.panel-title,.crt-title{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:24px;margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.22);color:#effbff;font-size:12px;font-weight:900;text-transform:uppercase}.danger-title{color:#ffe2e2}.meter-stack,.two-col,.pump-grid,.safety-grid,.abfp-grid,.scenario-grid,.csp-grid{position:relative;z-index:1}.meter-stack{display:grid;gap:12px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric{min-width:0;padding:10px;border:1px solid rgba(0,32,54,.6);border-radius:6px;background:#03182994}.metric-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0;color:#dbf7ff;font-size:12px}.metric-head span{min-width:0;overflow-wrap:anywhere}.metric-head strong{flex-shrink:0;font-family:Consolas,Courier New,monospace;font-size:15px}.meter{width:100%;height:14px;margin-top:7px;overflow:hidden;border:1px solid #03111c;border-radius:10px;background:#071521;box-shadow:inset 0 2px 5px #00000094}.meter-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#127744,var(--green));transition:width .18s linear,background .18s ease}.meter-fill.warning{background:linear-gradient(90deg,#ad7c00,var(--yellow))}.meter-fill.danger{background:linear-gradient(90deg,#9d1010,var(--red))}.scale-row{display:flex;justify-content:space-between;gap:6px;margin-top:4px;color:#d0e7f2;font-family:Consolas,Courier New,monospace;font-size:10px}.pump-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.device-card{display:grid;justify-items:center;gap:10px;min-width:0;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#081a27b8}.device-name{color:#e5f8ff;font-size:11px;font-weight:900;text-align:center;text-transform:uppercase}.lamp-row,.status-mosaic{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;color:#e6f8ff;font-size:10px;font-weight:800;text-transform:uppercase}.lamp{display:inline-block;width:14px;height:14px;flex:0 0 14px;border:1px solid #02080c;border-radius:50%;background:#102334;box-shadow:inset 0 2px 5px #000000b3}.lamp.green{background:var(--green);box-shadow:0 0 10px var(--green),inset 0 0 3px #fff}.lamp.yellow{background:var(--yellow);box-shadow:0 0 10px var(--yellow),inset 0 0 3px #fff}.lamp.red{background:var(--red);box-shadow:0 0 10px var(--red),inset 0 0 3px #fff}.lamp.blue{background:var(--blue);box-shadow:0 0 10px var(--blue),inset 0 0 3px #fff}.handswitch{position:relative;width:58px;min-height:58px;height:58px;border:3px solid #04101a;border-radius:50%;background:radial-gradient(circle at 32% 28%,#d4e3ec 0 8%,transparent 9%),radial-gradient(circle at 45% 42%,#8297a7,#33485a 68%,#162332);box-shadow:0 5px 9px #0000008c,inset 0 3px 3px #ffffff40,inset 0 -8px 14px #0006;padding:0}.handswitch span{position:absolute;left:calc(50% - 3px);top:8px;width:6px;height:26px;border-radius:999px;background:#f7fbff;box-shadow:0 0 6px #fffc;transform-origin:50% 100%;transition:transform .16s ease}.handswitch.hs-right span{transform:rotate(44deg)}.handswitch.hs-left span{transform:rotate(-44deg)}.trip-panel{background:linear-gradient(165deg,rgba(255,77,77,.22),transparent 34%),linear-gradient(180deg,#8c1720,#4c1019)}.trip-controls,.command-row,.selector-bank{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap}.trip-controls{justify-content:center;padding:12px 0 18px}.trip-button{width:112px;min-height:112px;border-radius:50%;border:5px solid #390007;background:radial-gradient(circle at 32% 24%,#ffb6b6 0 7%,transparent 8%),linear-gradient(180deg,#ff3c3c,#a80010);box-shadow:0 9px #2a0005;color:#fff;font-size:22px}.trip-button.secondary{background:radial-gradient(circle at 32% 24%,#ffd2d2 0 7%,transparent 8%),linear-gradient(180deg,#ff6b6b,#b61224)}.trip-button.turbine{width:100%;min-height:62px;margin-top:12px;border-radius:8px;font-size:15px}.status-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.status-mosaic div{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border-radius:5px;background:#000c1461}.status-mosaic strong{min-width:0;overflow-wrap:anywhere}.crt-monitor{border:7px solid #02070b;background:linear-gradient(#40ff8b0a 50%,#0000000a 50%),var(--screen);background-size:100% 4px;box-shadow:inset 0 0 24px #40ff8b17,0 14px 26px #00000073;font-family:Consolas,Courier New,monospace}.compact-monitor{padding:10px}.crt-title{border-color:#40ff8b38;color:var(--screen-green)}.monitor-row,.crt-line,.log-row{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1fr);gap:10px;min-width:0;padding:4px 0;color:var(--screen-green);font-size:12px}.monitor-row span,.crt-line span{color:var(--screen-muted)}.crt-line strong,.monitor-row strong{min-width:0;overflow-wrap:anywhere;text-align:right}.crt-line.warning strong,.log-row.warn strong,.log-row.auto strong{color:var(--yellow)}.crt-line.danger strong,.log-row.trip strong{color:var(--red)}.crt-line.muted strong{color:var(--screen-muted)}.coach-panel,.field-panel{background:linear-gradient(180deg,#132d42f5,#081724f5)}.coach-panel p,.source-note{position:relative;z-index:1;margin:0;color:#e2f5ff;font-size:12px;line-height:1.45}.next-card{position:relative;z-index:1;display:grid;gap:4px;margin-bottom:10px;padding:9px;border:1px solid rgba(64,255,139,.28);border-radius:6px;background:#010d147a}.next-card span{color:var(--screen-muted);font-family:Consolas,Courier New,monospace;font-size:10px;font-weight:900;text-transform:uppercase}.next-card strong{color:var(--screen-green);font-size:13px;line-height:1.25}.next-card p{color:#d7ecf6;font-size:11px}.next-card.abnormal{border-color:#ffd65ca6}.next-card.abnormal strong{color:var(--yellow)}.next-card.emergency{border-color:#ff4d4dd9;background:#46080d5c}.next-card.emergency strong{color:#ffd7d7}.help-focus{outline:3px solid var(--yellow)!important;outline-offset:3px;animation:helpPulse .45s ease-in-out 4}@keyframes helpPulse{50%{filter:brightness(1.35)}}.source-note{margin-top:8px;color:#c9e3ef}.checklist{position:relative;z-index:1;display:grid;gap:6px;margin:0 0 10px;padding-left:18px;color:#d7edf8;font-size:12px}.checklist li{padding:5px 7px;border-radius:4px}.checklist li.active{background:#ffd65c38;color:#fff6cf}.checklist li.done{background:#35f07b29;color:#d8ffe6;text-decoration:line-through}.small-command,.guarded-command{position:relative;z-index:1;width:100%;background:linear-gradient(180deg,#d8e8f1,#778c9b);color:#07111c}.guarded-command{background:linear-gradient(180deg,#ffe17a,#be850b);color:#170f00}.abfp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.35fr);gap:12px}.selector-bank{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.selector-bank button,.scenario-grid button,.command-row button{background:linear-gradient(180deg,#e7f4fb,#8096a7);color:#06111c}.turbine-readouts,.bus-row{position:relative;z-index:1}.turbine-readouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.turbine-readouts div,.bus-card{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#04121d94;text-align:center}.turbine-readouts span,.bus-card em{display:block;color:#c4e1ed;font-size:11px;font-style:normal;text-transform:uppercase}.turbine-readouts strong,.bus-card strong{display:block;margin:4px 0;color:#fff;font-family:Consolas,Courier New,monospace;font-size:26px}.bus-row{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr) 38px minmax(0,1fr);align-items:center;gap:4px;margin-bottom:14px}.bus-link{height:8px;border-radius:999px;background:linear-gradient(90deg,#35f07b33,#35f07bf2,#35f07b33)}.safety-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.safety-tile{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#0515229e;text-align:center}.safety-tile strong,.safety-tile em{display:block;margin-top:7px}.safety-tile em{color:#c9e2ee;font-size:11px;font-style:normal}.scenario-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.scenario-grid button:last-child{background:linear-gradient(180deg,#ffb3b3,#c43d3d);color:#fff}.csp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.csp-card{min-width:0;min-height:86px;padding:9px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#051724a3}.csp-card strong,.csp-card span,.csp-card em{display:block;overflow-wrap:anywhere}.csp-card strong{font-size:12px}.csp-card span{margin-top:6px;color:var(--screen-green);font-family:Consolas,Courier New,monospace}.csp-card em{margin-top:5px;color:#cae2ed;font-size:10px;font-style:normal}.csp-card.warning{border-color:#ffd65ccc}.csp-card.warning span{color:var(--yellow)}.csp-card.danger{border-color:#ff4d4de6}.csp-card.danger span{color:var(--red)}.dcc-terminal{min-height:420px}.event-log{display:grid;gap:5px}.log-row{grid-template-columns:70px 45px minmax(0,1fr);padding:6px 0;border-bottom:1px solid rgba(64,255,139,.08)}.log-row em{min-width:0;color:#d6ffe2;font-style:normal;overflow-wrap:anywhere}@keyframes blink{0%,to{opacity:1}50%{opacity:.38}}@media(max-width:1180px){.alarm-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.control-room{grid-template-columns:250px minmax(0,1fr)}.pl-view.active{grid-template-columns:1fr}.scenario-grid,.safety-grid,.csp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){body{overflow:auto;overflow-x:hidden}.cne-shell{height:auto;min-height:100dvh;overflow:visible;overflow-x:hidden}.topbar{align-items:stretch;flex-direction:column;gap:10px;padding:10px;overflow:hidden}.topbar h1{font-size:17px}.topbar-status{justify-content:space-between;gap:8px;width:100%}.clock-block{flex:1;min-width:0}.alarm-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:min(34dvh,260px);overflow-y:auto;padding-right:2px}.alarm-tile{min-height:40px;font-size:9px}.pl-tabs{padding-left:8px;padding-right:8px}.pl-tab{min-width:132px;min-height:54px}.control-room{display:flex;flex-direction:column;gap:10px;padding:10px;overflow:visible;overflow-x:hidden}.side-console{order:2}.pl-view.active{order:1;display:grid;grid-template-columns:1fr;gap:10px}.hardware-panel,.coach-panel,.field-panel,.crt-monitor{padding:10px;border-radius:6px}.two-col,.pump-grid,.abfp-grid,.selector-bank,.scenario-grid,.safety-grid,.csp-grid,.status-mosaic,.bus-row,.turbine-readouts{grid-template-columns:1fr}.bus-link{width:8px;height:22px;margin:0 auto}.trip-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.trip-button{width:min(42vw,132px);min-height:min(42vw,132px);justify-self:center}.metric-head{align-items:flex-start;flex-direction:column;gap:3px}.metric-head strong,.crt-line strong,.monitor-row strong{text-align:left}.monitor-row,.crt-line{grid-template-columns:minmax(0,1fr);gap:2px}.dcc-terminal{min-height:320px}}@media(max-width:560px){.topbar-status{display:grid;grid-template-columns:minmax(0,1fr) 92px 72px;align-items:stretch}.ack-button,.next-help-button{min-width:0;width:100%;padding-left:6px;padding-right:6px}.trip-badge.visible{display:flex;align-items:center;justify-content:center;grid-column:1 / -1;width:100%}.alarm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-tab{min-width:116px}.control-room{padding:8px}.scenario-grid button,.selector-bank button{min-height:46px}}@media(max-height:760px)and (min-width:821px){body{overflow:auto;overflow-x:hidden}.cne-shell{height:auto;min-height:100dvh;overflow:visible}.topbar{padding-top:8px;padding-bottom:8px}.topbar p{display:none}.alarm-grid{max-height:184px;overflow-y:auto}.control-room{overflow:visible}}