/* LNG FGSS — Simulator-specific styles (extends shared/simulator-theme.css) */

#main{display:grid;grid-template-columns:220px 1fr 230px;gap:4px;padding:4px;height:calc(100vh - 42px);}
#center-col{display:flex;flex-direction:column;gap:4px;min-height:0;}
#bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;height:180px;flex-shrink:0;}
@keyframes cryoflow{to{stroke-dashoffset:-16}}
@keyframes flowup{to{stroke-dashoffset:16}}
.big-btn.blue{background:rgba(41,121,255,0.1);border-color:var(--blue);color:var(--blue);}
.cryo-flow{stroke-dasharray:6 3;animation:cryoflow 0.8s linear infinite;}
.cryo-flow.stopped{animation:none;opacity:0.2;}
.glycol-flow{stroke-dasharray:5 3;animation:flowup 0.8s linear infinite;}
.glycol-flow.stopped{animation:none;opacity:0.15;}
.bog-flow{stroke-dasharray:6 4;animation:flowdash 0.9s linear infinite;}
.bog-flow.stopped{animation:none;opacity:0.15;}
.n2-flow{stroke-dasharray:4 6;animation:flowdash 1.2s linear infinite;}
.n2-flow.stopped{animation:none;opacity:0.15;}
.bunker-flow{stroke-dasharray:8 3;animation:flowup 0.6s linear infinite;}
.bunker-flow.stopped{animation:none;opacity:0.15;}
/* ── Mode Badge ── */
.mode-badge{font-size:11px;font-family:var(--font-mono);padding:4px 12px;border-radius:3px;letter-spacing:2px;display:inline-block;margin-bottom:4px;}
.mode-badge.gas{background:rgba(0,230,118,0.2);border:1px solid var(--green);color:var(--green);}
.mode-badge.pilot{background:rgba(41,121,255,0.15);border:1px solid var(--blue);color:var(--blue);}
.mode-badge.hfo{background:rgba(255,171,0,0.15);border:1px solid var(--amber);color:var(--amber);}
.mode-badge.esd{background:var(--red2);border:1px solid var(--red);color:#fff;animation:alarmblink .5s infinite;}
/* ── Gas Detection ── */
.gas-det-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;}
.gas-led{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:5px;}
.gas-led.clear{background:var(--green);box-shadow:0 0 6px var(--green);}
.gas-led.warn{background:var(--amber);box-shadow:0 0 8px var(--amber);animation:pulse .8s infinite;}
.gas-led.alarm{background:var(--red);box-shadow:0 0 10px var(--red);animation:blink .3s infinite;}
.gas-ppm{font-family:var(--font-mono);font-size:11px;}
/* ── Log ── */
.log-entry{font-family:var(--font-mono);font-size:9px;color:var(--muted);padding:2px 0;border-bottom:1px solid rgba(255,255,255,0.04);}
.log-time{color:var(--cyan);margin-right:6px;}
.log-ok{color:var(--green);}
.log-warn{color:var(--amber);}
.log-alarm{color:var(--red);}
/* ── Engine Cards ── */
.eng-card{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;margin-bottom:3px;border:1px solid var(--border);border-radius:2px;font-size:9px;font-family:var(--font-mono);}
.eng-card .eng-name{color:var(--muted);}
.eng-card .eng-mode{padding:1px 6px;border-radius:2px;font-size:8px;letter-spacing:1px;}
.eng-mode.gas{background:rgba(0,230,118,0.2);color:var(--green);}
.eng-mode.pilot{background:rgba(41,121,255,0.15);color:var(--blue);}
.eng-mode.off{background:rgba(255,255,255,0.05);color:var(--muted);}
.eng-mode.bog{background:rgba(255,171,0,0.15);color:var(--amber);}
/* ── VFD Slider ── */
.vfd-row{display:flex;align-items:center;gap:6px;margin-bottom:6px;}
.vfd-slider{flex:1;-webkit-appearance:none;height:4px;background:var(--border);border-radius:2px;outline:none;}
.vfd-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--cyan);cursor:pointer;}
.vfd-val{font-family:var(--font-mono);font-size:10px;color:var(--cyan);min-width:32px;text-align:right;}
/* ── Progress Bar ── */
.progress-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin:4px 0;}
.progress-fill{height:100%;background:var(--blue);transition:width .5s;border-radius:4px;}