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

:root {
  --bio: #50e830;
  --bio2: #30b820;
}

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

@keyframes bioflash{0%,100%{background:rgba(80,232,48,.07)}50%{background:rgba(80,232,48,.22)}}
@keyframes warnflash{0%,100%{background:rgba(255,204,0,.07)}50%{background:rgba(255,204,0,.22)}}

.btn-chg{background:rgba(255,136,0,.1);border-color:var(--orange);color:var(--orange);}
.btn-chg:hover{background:rgba(255,136,0,.25);}
.btn-chg.active{background:var(--orange);color:#000;}
.btn-bunk{background:rgba(80,232,48,.06);border-color:var(--bio);color:var(--bio);}
.btn-bunk:hover{background:rgba(80,232,48,.18);}
.btn-cii{background:rgba(64,170,255,.07);border-color:var(--blue);color:var(--blue);}
.btn-cii:hover{background:rgba(64,170,255,.2);}
.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.warn{border-left-color:var(--amber);background:rgba(255,204,0,.07);}
.alm-item.bio-alm{border-left-color:var(--bio);animation:bioflash 1.2s infinite;}
.alm-item.orange{border-left-color:var(--orange);animation:warnflash 1.2s infinite;}

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

.alm-tag.B{background:rgba(80,232,48,.2);color:var(--bio);}
.alm-tag.O{background:rgba(255,136,0,.25);color:var(--orange);}
.blend-bar{height:20px;border-radius:3px;display:flex;overflow:hidden;margin:4px 0;}

.cii-badge{padding:4px 12px;border-radius:3px;font-family:var(--font-mono);font-size:20px;font-weight:700;text-align:center;margin:4px 0;}

/* ── 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);}