:root{
  --navy:#00205b;--deep:#061923;--deep2:#0a2635;--teal:#007b85;--green:#70ad47;--yellow:#ffb600;
  --ink:#102330;--muted:#64748b;--paper:#f4f7f8;--panel:#ffffff;--line:#dce5e8;
  --alarm:#df2f3f;--amber:#f59e0b;--safe:#3a9b62;--lcd:#d9efc4;--lcdInk:#17311e;
  --radius:24px;--shadow:0 18px 55px rgba(4,29,42,.14);
  font-family:'Outfit',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{margin:0;min-height:100vh;color:var(--ink);background:var(--paper)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}
[hidden]{display:none!important}body.auth-locked{overflow:auto;background:#061923}.login-gate{min-height:100dvh;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 12% 15%,#0a5460 0,transparent 28%),linear-gradient(135deg,#04151f 0%,#06283a 54%,#071a29 100%)}
.login-atmosphere{position:absolute;inset:0;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(12px);opacity:.22}.orb-a{width:34rem;height:34rem;background:#11b6c5;right:-12rem;top:-12rem}.orb-b{width:26rem;height:26rem;background:#ffb600;left:-12rem;bottom:-14rem;opacity:.10}.grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent)}
.login-shell{position:relative;z-index:1;min-height:100dvh;max-width:1220px;margin:auto;padding:clamp(32px,6vw,78px);display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(40px,8vw,110px);align-items:center}.brand-mark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.18em;font-size:1.05rem}.brand-plus{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--yellow);color:#092433;font-size:1.5rem;letter-spacing:0}.brand-kicker{margin:30px 0 10px;color:#8dd6dc;font-weight:700;font-size:.78rem;letter-spacing:.18em}.login-brand h1{font-size:clamp(3rem,6vw,6.2rem);line-height:.88;margin:0;letter-spacing:-.055em;font-weight:500}.login-brand h1 strong{color:#89e2df;font-weight:800}.login-lead{max-width:620px;color:#d4e7ea;font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.5}.login-sensor-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.login-sensor-strip span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);backdrop-filter:blur(8px);border-radius:999px;padding:9px 14px;font-family:'Roboto Mono',monospace;font-weight:700;color:#dff9f8}
.login-card-wrap{width:min(100%,470px);justify-self:end}.login-card{border:1px solid rgba(255,255,255,.14);background:rgba(9,31,43,.76);backdrop-filter:blur(22px);border-radius:28px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.login-status{font-size:.78rem;font-weight:700;letter-spacing:.06em;color:#9ee4c4;text-transform:uppercase;display:flex;align-items:center;gap:8px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#5dd697;box-shadow:0 0 0 6px rgba(93,214,151,.1)}.login-card h2{font-size:2rem;margin:14px 0 4px}.login-card>p{margin:0 0 24px;color:#b7cbd1}.login-card label{display:block;font-size:.82rem;font-weight:700;color:#dcecf0;margin:14px 0 7px}.login-card input{width:100%;min-height:50px;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:rgba(255,255,255,.07);color:#fff;padding:0 14px;outline:none}.login-card input:focus{border-color:#5bd3d5;box-shadow:0 0 0 3px rgba(91,211,213,.13)}.password-field{display:flex;position:relative}.password-field input{padding-right:82px}.password-field button{position:absolute;right:5px;top:5px;height:40px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#cfe1e5;padding:0 10px;font-size:.8rem}.login-submit{width:100%;min-height:54px;border:0;border-radius:15px;margin-top:20px;padding:0 16px;background:linear-gradient(135deg,#14a4aa,#61c69f);color:#041a24;font-weight:800;display:flex;align-items:center;justify-content:space-between;font-size:1rem}.login-submit:disabled{opacity:.55;cursor:wait}.login-submit b{font-size:1.5rem}.login-message{min-height:22px;margin:12px 0 0!important;color:#ffb8bf!important;font-size:.84rem!important}.login-message.success{color:#a8e8c3!important}.login-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem;color:#9fb4bb}.login-foot a{color:#8ee5e1;font-weight:700}.login-note{text-align:center;color:#7f9da6;font-size:.75rem;padding:0 18px}
.app-shell{min-height:100vh;background:linear-gradient(#eef4f5,#f9fbfb)}.topbar{height:72px;position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(16px,3vw,42px);background:rgba(249,252,252,.9);backdrop-filter:blur(18px);border-bottom:1px solid #d9e4e7}.topbar-brand,.member-zone,.topbar-center{display:flex;align-items:center}.topbar-brand{gap:12px}.brand-mark.compact{font-size:.75rem;color:#0b2a38}.brand-mark.compact .brand-plus{width:28px;height:28px;border-radius:8px;font-size:1.1rem}.topbar-brand div{display:flex;flex-direction:column;line-height:1.05}.topbar-brand b{font-size:.94rem}.topbar-brand small{font-size:.68rem;color:var(--muted);font-weight:700;letter-spacing:.08em}.topbar-center{gap:8px}.state-pill,.clock-pill{border-radius:999px;padding:7px 11px;font-size:.7rem;font-weight:800;letter-spacing:.07em}.state-pill{background:#e9eff1;color:#61717a}.state-pill.safe{background:#dff4e8;color:#28744a}.state-pill.low{background:#fff1cf;color:#925d00}.state-pill.high{background:#ffe0e3;color:#a1192b}.clock-pill{background:#0c2735;color:#d7f1f0;font-family:'Roboto Mono',monospace}.member-zone{justify-self:end;gap:8px;font-size:.8rem;font-weight:600}.member-dot{width:8px;height:8px;border-radius:50%;background:#52bc80}.ghost-btn,.icon-btn,.text-btn{border:0;background:transparent;color:#526772;font-weight:700}.ghost-btn{padding:8px 10px;border-radius:10px}.ghost-btn:hover{background:#e7eef0}
.workspace{display:grid;grid-template-columns:minmax(250px,310px) minmax(390px,1fr) minmax(290px,350px);gap:20px;max-width:1500px;margin:auto;padding:22px clamp(14px,2vw,30px) 12px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 42px rgba(24,55,67,.07);padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h2{margin:1px 0 0;font-size:1.4rem}.eyebrow{font-size:.66rem;color:var(--teal);font-weight:800;letter-spacing:.12em}.icon-btn{width:34px;height:34px;border-radius:11px;background:#eef4f5;font-size:1.25rem}.field-label{display:block;margin:14px 0 7px;color:#5c707a;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.select-control{width:100%;min-height:44px;border:1px solid #d4e0e3;border-radius:12px;padding:0 11px;background:#fbfdfd;color:#203943;font-weight:600;outline:none}.select-control:focus{border-color:#58b3b7;box-shadow:0 0 0 3px #e1f5f4}.select-control.small{font-size:.82rem}.scenario-visual{margin-top:16px;border-radius:18px;background:linear-gradient(145deg,#edf5f5,#f8fbfb);border:1px solid #dfe9ea;padding:14px}.vessel{height:170px;width:116px;margin:auto;position:relative;border:8px solid #6b7f87;border-top-width:14px;border-radius:50px 50px 24px 24px;overflow:hidden;background:#e9f3f4}.layer{position:absolute;left:0;right:0}.layer-top{top:0;height:33%;background:rgba(129,216,198,.3)}.layer-mid{top:33%;height:34%;background:rgba(255,182,0,.13)}.layer-bottom{bottom:0;height:33%;background:rgba(220,63,72,.15)}.probe-marker{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:62px;height:10px;transition:top .35s ease}.probe-marker i{display:block;height:3px;background:#07324b;border-radius:4px}.probe-marker b{position:absolute;width:11px;height:11px;background:#ffb600;border:3px solid #062a3b;border-radius:50%;right:-2px;top:-4px}.position-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.position-buttons button{border:1px solid #d3dfe2;background:#fff;border-radius:10px;padding:8px 4px;font-size:.7rem;font-weight:700;color:#5b7079}.position-buttons button.active{background:#062c3d;color:#fff;border-color:#062c3d}.mission-card{display:flex;gap:12px;margin-top:16px;padding:14px;border-radius:16px;background:#071f2e;color:#fff}.mission-number{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:#ffb600;color:#092130;font-weight:900}.mission-card b{font-size:.9rem}.mission-card p{margin:4px 0 0;color:#b7ccd2;font-size:.76rem;line-height:1.35}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#edf3f4;border-radius:12px;padding:4px}.segmented button{border:0;background:transparent;border-radius:9px;padding:9px;font-size:.77rem;font-weight:800;color:#58717a}.segmented button.active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);color:#063249}.microcopy{font-size:.72rem;color:#71828a;margin:7px 2px 0}.fault-block{padding-top:6px}
.instrument-stage{min-height:720px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 0 0;overflow:hidden}.stage-ambient{position:absolute;inset:0;pointer-events:none}.stage-ambient span{position:absolute;border-radius:50%;filter:blur(1px);opacity:.4}.stage-ambient span:nth-child(1){width:310px;height:310px;background:radial-gradient(circle,#d4efec 0%,transparent 70%);left:4%;top:7%}.stage-ambient span:nth-child(2){width:420px;height:420px;background:radial-gradient(circle,#fce9b4 0%,transparent 70%);right:0;bottom:13%;opacity:.22}.stage-ambient span:nth-child(3){left:12%;right:12%;bottom:92px;height:1px;background:#d9e2e3;border-radius:0}.device-wrap{position:relative;z-index:2;padding:4px 26px 16px}.gas-device{width:330px;position:relative;filter:drop-shadow(0 24px 36px rgba(13,38,49,.18));transition:transform .25s ease}.device-top{height:68px;position:relative;margin:0 28px;background:linear-gradient(180deg,#1a3644,#0b202b);border-radius:36px 36px 14px 14px;border:1px solid #294a57;border-bottom:0}.device-hanger{position:absolute;width:92px;height:26px;left:50%;top:8px;transform:translateX(-50%);border:7px solid #37515b;border-bottom:0;border-radius:30px 30px 0 0}.alarm-window{position:absolute;width:70px;height:28px;top:22px;background:linear-gradient(180deg,#482326,#210d11);border:2px solid #06151d;border-radius:12px;display:flex;gap:4px;align-items:center;justify-content:center;overflow:hidden}.alarm-left{left:-10px;transform:rotate(-10deg)}.alarm-right{right:-10px;transform:rotate(10deg)}.alarm-window i{width:12px;height:18px;border-radius:5px;background:#7c2a31;box-shadow:inset 0 0 5px rgba(255,255,255,.1)}.sensor-deck{height:92px;margin:0 12px;background:linear-gradient(150deg,#0e2b39,#081b25);border-left:2px solid #2d4c57;border-right:2px solid #2d4c57;display:grid;grid-template-columns:1fr 1fr 1fr 46px;align-items:center;padding:0 20px;gap:12px}.sensor-port{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#08131a 28%,#283e46 30%,#0a171e 68%);border:3px solid #405861;display:grid;grid-template-columns:repeat(3,6px);place-content:center;gap:3px}.sensor-port i{width:6px;height:6px;background:#536971;border-radius:50%}.siren-grille{height:52px;display:flex;gap:5px;align-items:center}.siren-grille span{width:4px;height:44px;background:#485d65;border-radius:4px}.device-face{position:relative;margin:0 12px;padding:18px 22px 24px;background:linear-gradient(145deg,#102f3e,#081d28 65%,#061720);border:2px solid #2b4b58;border-top:0;border-radius:0 0 32px 32px;overflow:hidden}.device-face:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.06);border-radius:24px;pointer-events:none}.device-id{display:flex;align-items:baseline;gap:6px;color:#fff;position:relative;z-index:1;margin:0 4px 12px}.device-id span{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:#79d0cf}.device-id b{font-size:1.2rem}.device-id small{font-size:.56rem;color:#87a2ab;font-weight:700}.lcd{position:relative;z-index:2;border:5px solid #030f15;border-radius:13px;background:linear-gradient(160deg,#d8efc1,#c5dfb0);min-height:224px;box-shadow:inset 0 0 24px rgba(39,67,37,.2),0 0 0 2px #41555d;padding:10px;color:var(--lcdInk);font-family:'Roboto Mono',monospace;transition:background .2s}.lcd-off{background:#75867a;color:#26392d}.lcd-topline{height:23px;display:flex;justify-content:space-between;font-size:.68rem;font-weight:800;border-bottom:1px solid rgba(25,54,30,.35)}.lcd-icons{display:flex;gap:5px}.lcd-message{min-height:140px;display:grid;place-items:center;text-align:center;font-weight:800;font-size:1.3rem;letter-spacing:.04em}.gas-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;height:147px;padding-top:5px}.gas-cell{position:relative;border:1px solid rgba(27,56,32,.28);border-radius:5px;padding:5px 7px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:18px 1fr 16px;align-items:center}.gas-name{font-weight:900;font-size:.83rem}.gas-cell strong{grid-column:1/3;justify-self:center;font-size:2rem;line-height:1}.gas-cell small{font-size:.63rem;opacity:.78}.gas-cell em{justify-self:end;font-style:normal;font-size:.58rem;font-weight:900}.gas-cell.warn{background:rgba(245,158,11,.18)}.gas-cell.danger{background:rgba(215,48,62,.2);outline:2px solid rgba(132,18,31,.35)}.lcd-footer{height:22px;padding-top:6px;border-top:1px solid rgba(25,54,30,.3);font-size:.61rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-buttons{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;margin:18px 20px 6px}.device-buttons button{height:54px;border-radius:50%;border:3px solid #020b0f;background:linear-gradient(#536a74,#1d3641);color:#edf5f7;box-shadow:inset 0 2px 3px rgba(255,255,255,.18),0 3px 0 #020c11;font-weight:900}.device-buttons button:active{transform:translateY(2px);box-shadow:inset 0 2px 3px rgba(0,0,0,.25),0 1px 0 #020c11}.device-buttons .power-key{height:66px;margin-top:-6px;background:linear-gradient(#ffca45,#c38800);color:#10242c}.device-buttons .power-key small{display:block;font-size:.5rem}.device-badge{position:relative;z-index:2;text-align:center;color:#78919a;font-size:.52rem;font-weight:800;letter-spacing:.18em;margin-top:10px}.device-bottom{height:34px;margin:0 43px;background:linear-gradient(#0a202b,#05141c);border-radius:0 0 40px 40px;display:flex;justify-content:center;gap:12px;padding-top:8px}.device-bottom span{width:28px;height:4px;background:#2d4650;border-radius:4px}.device-shadow{width:270px;height:34px;margin:0 auto;background:radial-gradient(ellipse,rgba(5,29,41,.28),transparent 66%);filter:blur(6px)}.gas-device.alarm-high{animation:devicePulse .9s infinite}.gas-device.alarm-high .alarm-window i{background:#ff3347;box-shadow:0 0 14px #ff3347}.gas-device.alarm-low .alarm-window i{background:#ffb600;box-shadow:0 0 10px #ffb600}.gas-device.bumping .alarm-window i{background:#5bd39a;box-shadow:0 0 10px #5bd39a}@keyframes devicePulse{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}
.quick-actions{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(100%,600px);padding:0 10px}.quick-actions button{min-height:64px;border:1px solid #d5e1e3;background:#fff;border-radius:15px;padding:8px 10px;display:grid;grid-template-columns:24px 1fr;grid-template-rows:1fr 1fr;text-align:left;box-shadow:0 6px 18px rgba(24,56,69,.06);color:#243d46}.quick-actions button span{grid-row:1/3;width:22px;height:22px;border-radius:7px;background:#e8f0f1;display:grid;place-items:center;font-size:.58rem;font-weight:900}.quick-actions button b{font-size:.76rem}.quick-actions button small{font-size:.62rem;color:#70828a}.quick-actions button:hover{border-color:#91c6c8;transform:translateY(-1px)}.quick-actions button.active{background:#092b3b;color:#fff;border-color:#092b3b}.quick-actions button.active small{color:#bdd1d6}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#edf3f4;border-radius:12px;margin-bottom:15px}.tabs button{border:0;background:transparent;border-radius:9px;padding:9px 5px;color:#6a7c84;font-size:.72rem;font-weight:800}.tabs button.active{background:#fff;color:#0b3a4c;box-shadow:0 2px 8px rgba(0,0,0,.07)}.tab-panel{display:none}.tab-panel.active{display:block}.quality-dot{width:12px;height:12px;border-radius:50%;background:#96a6ad;box-shadow:0 0 0 5px #eef3f4}.quality-dot.good{background:#4ca976;box-shadow:0 0 0 5px #e3f5eb}.quality-dot.warn{background:#e9a623;box-shadow:0 0 0 5px #fff2d4}.quality-dot.bad{background:#d44752;box-shadow:0 0 0 5px #ffe7e9}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric-grid article{border:1px solid #dce6e8;border-radius:15px;padding:11px;background:#fbfdfd}.metric-grid span{display:block;color:#6b7e86;font-size:.65rem;font-weight:800}.metric-grid strong{display:block;font-family:'Roboto Mono',monospace;font-size:1.2rem;color:#0b3446;margin-top:5px}.metric-grid small{color:#829198;font-size:.62rem}.reference-card{margin-top:10px;border:1px solid #d8e3e5;border-radius:16px;overflow:hidden}.reference-head{padding:11px 12px;background:#082d3d;color:#fff;display:flex;justify-content:space-between;align-items:center}.reference-head b{font-size:.79rem}.reference-head span{font-size:.57rem;color:#a9c8cf}.reference-rows{padding:6px 11px}.reference-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:7px 0;border-bottom:1px solid #e9eff0;font-size:.7rem}.reference-row:last-child{border-bottom:0}.reference-row b{font-family:'Roboto Mono',monospace}.reference-card>p{margin:0;padding:9px 12px;background:#f7fafb;color:#6d7f87;font-size:.65rem;line-height:1.35}.time-card{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:12px;border-radius:14px;background:#eff5f6}.time-card div{display:flex;flex-direction:column}.time-card b{font-size:.72rem}.time-card span{font-size:.62rem;color:#71838a}.switch input{display:none}.switch span{display:block;width:42px;height:24px;border-radius:999px;background:#b7c5ca;position:relative;transition:.2s}.switch span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.2)}.switch input:checked+span{background:#2c9b86}.switch input:checked+span:after{left:21px}.alarm-editor-head{display:flex;justify-content:space-between;gap:8px}.alarm-editor-head b{display:block;font-size:.8rem}.alarm-editor-head small{display:block;color:#76878e;font-size:.63rem}.text-btn{font-size:.7rem;color:#087d86}.alarm-editor{margin-top:10px;display:grid;gap:9px}.alarm-edit-row{border:1px solid #dce6e8;border-radius:13px;padding:10px}.alarm-edit-row>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.alarm-edit-row h4{margin:0;font-size:.76rem}.alarm-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.alarm-inputs label{font-size:.55rem;color:#73868d;text-transform:uppercase;font-weight:800}.alarm-inputs input{width:100%;border:1px solid #d4e0e2;border-radius:8px;padding:6px 5px;font-family:'Roboto Mono',monospace;font-size:.65rem}.alarm-inputs input:disabled{background:#edf2f3;color:#aab5b9}.check-row{display:flex;gap:8px;align-items:flex-start;margin-top:12px;font-size:.7rem;color:#5d727a}.log-actions{display:flex;justify-content:space-between;margin-bottom:10px}.primary-small{border:0;border-radius:10px;background:#087d86;color:#fff;padding:8px 10px;font-size:.7rem;font-weight:800}.event-log{max-height:330px;overflow:auto;display:grid;gap:6px}.empty-log{text-align:center;color:#87979e;font-size:.72rem;padding:30px 0}.log-entry{border-left:3px solid #69a7ab;background:#f4f8f8;border-radius:8px;padding:8px 9px}.log-entry b{display:block;font-size:.68rem}.log-entry span{font-family:'Roboto Mono',monospace;font-size:.62rem;color:#60747c}.coach-card{display:flex;gap:10px;margin-top:14px;padding:12px;border-radius:15px;background:linear-gradient(145deg,#fff8e5,#fffdf7);border:1px solid #f1dfaa}.coach-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#ffb600;color:#2c2b1c;font-family:serif;font-weight:bold}.coach-card b{font-size:.76rem}.coach-card p{margin:3px 0 0;font-size:.67rem;color:#6f6a55;line-height:1.35}
.learning-drawer{max-width:1500px;margin:0 auto 12px;padding:0 clamp(14px,2vw,30px)}.drawer-toggle{width:100%;border:1px solid #d8e3e5;background:#fff;border-radius:16px;padding:13px 17px;display:flex;justify-content:space-between;font-weight:800;color:#173642}.drawer-toggle b{font-size:1.3rem}.drawer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px}.drawer-content article{background:#fff;border:1px solid #dde7e9;border-radius:16px;padding:14px}.drawer-content span{font-size:.58rem;font-weight:900;color:#00828b;letter-spacing:.1em}.drawer-content h3{font-size:.87rem;margin:5px 0}.drawer-content p{font-size:.7rem;color:#6b7d84;line-height:1.4;margin:0}.app-footer{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:18px;color:#75868d;font-size:.68rem}.app-footer a{font-weight:700;color:#087b84}.app-footer span:last-child{font-weight:900;letter-spacing:.08em}
@media(max-width:1180px){.workspace{grid-template-columns:260px 1fr}.data-rail{grid-column:1/-1}.data-rail{display:grid;grid-template-columns:220px 1fr;gap:16px}.data-rail .panel-head{grid-column:1/-1;margin-bottom:0}.tabs{grid-template-columns:1fr;margin:0;align-self:start}.metric-grid{grid-template-columns:repeat(4,1fr)}.coach-card{grid-column:1/-1}.drawer-content{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.login-shell{grid-template-columns:1fr;padding:28px 18px 36px;align-items:start}.login-brand{padding-top:10px}.login-brand h1{font-size:3.6rem}.login-lead{font-size:1rem}.login-card-wrap{justify-self:stretch;width:100%;max-width:520px}.topbar{height:auto;min-height:68px;grid-template-columns:1fr auto;padding:10px 14px}.topbar-center{display:none}.member-zone #memberName{display:none}.workspace{grid-template-columns:1fr;padding:12px 10px;gap:12px}.mission-rail{order:2}.instrument-stage{order:1;min-height:auto;padding-top:0}.data-rail{order:3;display:block}.data-rail .panel-head{margin-bottom:14px}.tabs{grid-template-columns:repeat(3,1fr);margin-bottom:14px}.gas-device{width:min(320px,90vw)}.device-wrap{padding-left:8px;padding-right:8px}.quick-actions{grid-template-columns:1fr 1fr;width:100%;max-width:520px}.scenario-visual{display:grid;grid-template-columns:140px 1fr;align-items:center}.vessel{height:150px}.position-buttons{grid-template-columns:1fr;margin:0}.metric-grid{grid-template-columns:1fr 1fr}.drawer-content{grid-template-columns:1fr}.learning-drawer{padding:0 10px}.app-footer{padding-bottom:28px}}
@media(max-width:430px){.login-card{padding:24px 18px}.login-brand h1{font-size:3.1rem}.brand-kicker{margin-top:20px}.topbar-brand div small{display:none}.gas-device{width:294px}.device-face{padding-left:16px;padding-right:16px}.lcd{min-height:214px}.gas-cell strong{font-size:1.8rem}.quick-actions button{min-height:60px}.panel{border-radius:19px;padding:16px}.scenario-visual{grid-template-columns:118px 1fr}.alarm-inputs{grid-template-columns:1fr 1fr}.reference-head{align-items:flex-start;gap:6px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
@media print{.login-gate,.topbar,.mission-rail,.quick-actions,.learning-drawer,.app-footer,.tabs,.coach-card{display:none!important}.workspace{display:block;padding:0}.instrument-stage,.data-rail{break-inside:avoid}.data-rail{display:block;margin-top:20px}.app-shell:before{content:"SIMULACIÓN DIDÁCTICA · La Movida SST+";display:block;font-weight:800;margin-bottom:10px}.panel{box-shadow:none}}