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

:root {
  --h2: #40ffaa;
  --h2b: #20cc80;
}

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

.btn-esd{background:rgba(255,68,34,.12);border-color:var(--red);color:var(--red);}
.btn-esd:hover{background:rgba(255,68,34,.3);}
.btn-esd.fired{background:var(--red2);color:#fff;animation:fireflash .5s infinite;}
.btn-fc{background:rgba(64,170,255,.08);border-color:var(--blue);color:var(--blue);}
.btn-fc:hover{background:rgba(64,170,255,.2);}
.btn-bunk{background:rgba(64,255,170,.06);border-color:var(--h2);color:var(--h2);}
.btn-bunk:hover{background:rgba(64,255,170,.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:fireflash 1s infinite;}
.alm-item.warn{border-left-color:var(--amber);background:rgba(255,221,0,.07);}
.alm-item.h2-alm{border-left-color:var(--h2);animation:h2flash 1.2s infinite;}

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

.alm-tag.F{background:rgba(255,68,34,.3);color:var(--red);}
.alm-tag.I{background:rgba(64,255,170,.15);color:var(--h2);}
.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,221,0,.07);}
.det-cell.w25{border-color:var(--red);background:rgba(255,68,34,.1);animation:fireflash 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;}
.fc-box{border:1px solid var(--blue);border-radius:3px;padding:5px 8px;background:rgba(64,170,255,.04);margin-bottom:5px;}
.fc-title{font-size:9px;color:var(--blue);font-family:var(--font-mono);letter-spacing:.5px;margin-bottom:2px;}
.fc-val{font-family:var(--font-mono);font-size:15px;color:var(--blue);}

/* ── PIPELINE LINE-UP ── */
.pl-sec{font-size:9px;font-family:monospace;color:rgba(255,255,255,.65);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:monospace;font-size:10px;color:rgba(255,255,255,.7);min-width:60px;}
.pl-desc{font-size:10px;color:rgba(255,255,255,.75);flex:1;}
.pl-vbtn{padding:1px 7px;font-size:8px;font-family:monospace;border-radius:2px;cursor:pointer;border:1px solid;transition:all .12s;flex-shrink:0;}
.pl-vbtn.open{border-color:#00e676;color:#00e676;background:rgba(0,230,118,.1);}
.pl-vbtn.closed{border-color:#ff4444;color:#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:monospace;font-size:9px;text-align:center;}
.pl-status.ok{border:1px solid #00e676;color:#00e676;background:rgba(0,230,118,.06);}
.pl-status.fault{border:1px solid #ff4444;color:#ff4444;background:rgba(255,68,68,.07);}
.pl-status.idle{border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.3);}
.pl-toggle{padding:3px 8px;font-size:9px;font-family:monospace;color:rgba(255,255,255,.4);background:rgba(0,0,0,.3);border:none;border-top:1px solid rgba(255,255,255,.06);cursor:pointer;width:100%;text-align:left;}
.pl-toggle:hover{color:rgba(255,255,255,.8);}

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