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

:root {
  --ice: #7df4ff;
  --ice2: #40c8e0;
  --bog: #a0ff80;
  --cryoblue: #60d0ff;
}

#main{display:grid;grid-template-columns:215px 1fr 215px;grid-template-rows:1fr 205px;gap:4px;padding:4px;height:calc(100vh - 43px);}

@keyframes bogpulse{0%,100%{background:rgba(160,255,128,.08)}50%{background:rgba(160,255,128,.25)}}
@keyframes esd_flash{0%,100%{background:rgba(255,68,68,.12)}50%{background:rgba(255,68,68,.35)}}
@keyframes cryo{to{stroke-dashoffset:-24;}}

.btn-esd{background:rgba(255,68,68,.12);border-color:var(--red);color:var(--red);}
.btn-esd:hover{background:rgba(255,68,68,.3);}
.btn-esd.fired{background:var(--red2);color:#fff;animation:esd_flash .5s infinite;}
.btn-bog{background:rgba(160,255,128,.08);border-color:var(--bog);color:var(--bog);}
.btn-bog:hover{background:rgba(160,255,128,.2);}
.btn-bog.on{background:rgba(160,255,128,.2);border-color:var(--bog);}
.btn-bunk{background:rgba(125,244,255,.06);border-color:var(--ice);color:var(--ice);}
.btn-bunk:hover{background:rgba(125,244,255,.18);}
.btn-rst{background:rgba(255,255,255,.04);border-color:var(--muted);color:var(--muted);}
.btn-rst:hover{color:var(--white);border-color:var(--white);}

.alm-item.fire{border-left-color:var(--red);animation:esd_flash 1s infinite;}
.alm-item.warn{border-left-color:var(--amber);background:rgba(255,193,7,.07);}
.alm-item.bog-alm{border-left-color:var(--bog);animation:bogpulse 1.2s infinite;}

.alm-item.clear{border-left-color:var(--green);opacity:.6;}

.alm-tag.F{background:rgba(255,68,68,.3);color:var(--red);}

.alm-tag.B{background:rgba(160,255,128,.2);color:var(--bog);}
.alm-tag.I{background:rgba(125,244,255,.15);color:var(--ice);}

.det-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;}
.det-cell{background:rgba(255,255,255,.03);border:1px solid var(--b1);border-radius:3px;padding:5px 7px;}
.det-cell.w10{border-color:var(--amber);background:rgba(255,193,7,.07);}
.det-cell.w50{border-color:var(--red);background:rgba(255,68,68,.1);animation:esd_flash 1s infinite;}
.det-zone{font-size:10px;color:var(--muted);}
.det-val{font-family:var(--font-mono);font-size:17px;color:var(--green);margin:1px 0;}
.det-val.warn{color:var(--amber);}
.det-val.alarm{color:var(--red);}
.det-bar{height:4px;border-radius:2px;background:var(--green);transition:width .3s,background .3s;}

.bog-box{border:1px solid var(--bog);border-radius:3px;padding:5px 8px;background:rgba(160,255,128,.04);margin-bottom:5px;}
.bog-box.high{animation:bogpulse 1.5s infinite;}
.bog-title{font-size:9px;color:var(--bog);font-family:var(--font-mono);letter-spacing:.5px;margin-bottom:2px;}
.bog-val{font-family:var(--font-mono);font-size:16px;color:var(--bog);}

#methane-banner{display:none;position:absolute;top:47px;left:0;right:0;background:#332200;border-bottom:2px solid var(--amber);color:var(--amber);text-align:center;padding:7px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:2px;z-index:50;animation:blink .6s infinite;}

/* ── PIPELINE LINE-UP ── */
.pl-sec{font-size:9px;font-family:var(--font-mono,'JetBrains Mono',monospace);color:var(--muted,#6aa0b8);letter-spacing:1px;text-transform:uppercase;padding:4px 8px 1px;border-bottom:1px dashed rgba(255,255,255,.06);}
.pl-row{display:flex;align-items:center;gap:4px;padding:2px 8px;border-bottom:1px solid rgba(255,255,255,.03);}
.pl-id{font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:10px;color:var(--muted,#6aa0b8);min-width:60px;}
.pl-desc{font-size:10px;color:rgba(208,238,255,.55);flex:1;}
.pl-vbtn{padding:1px 7px;font-size:8px;font-family:var(--font-mono,'JetBrains Mono',monospace);border-radius:2px;cursor:pointer;border:1px solid;transition:all .12s;flex-shrink:0;}
.pl-vbtn.open{border-color:var(--green,#00e676);color:var(--green,#00e676);background:rgba(0,230,118,.1);}
.pl-vbtn.closed{border-color:var(--red,#ff4444);color:var(--red,#ff4444);background:rgba(255,68,68,.08);}
.pl-vbtn.transitioning { background: rgba(255,171,0,0.12); border-color: var(--amber,#ffab00); color: var(--amber,#ffab00); }
.pl-vbtn.req{animation:plreq .8s infinite;}
.pl-status{margin:4px 8px;padding:3px 8px;border-radius:2px;font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:9px;text-align:center;}
.pl-status.ok{border:1px solid var(--green,#00e676);color:var(--green,#00e676);background:rgba(0,230,118,.06);}
.pl-status.fault{border:1px solid var(--red,#ff4444);color:var(--red,#ff4444);background:rgba(255,68,68,.07);}
.pl-status.idle{border:1px solid var(--muted,#6aa0b8);color:var(--muted,#6aa0b8);}
.pl-toggle{padding:3px 8px;font-size:9px;font-family:var(--font-mono,'JetBrains Mono',monospace);color:var(--muted,#6aa0b8);background:rgba(0,0,0,.3);border:none;border-top:1px solid var(--b1,#0d3050);cursor:pointer;width:100%;text-align:left;letter-spacing:.5px;}
.pl-toggle:hover{color:var(--ice,#7df4ff);background:rgba(125,244,255,.04);}