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

#main{display:grid;grid-template-columns:220px 1fr 220px;gap:4px;padding:4px 4px 0 4px;height:calc(100vh - 42px - 204px);}
@keyframes metflash{0%,100%{background:rgba(162,89,255,0.1)}50%{background:rgba(162,89,255,0.3)}}
.big-btn.methanol{background:rgba(162,89,255,0.1);border-color:var(--methanol);color:var(--methanol);}
#bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;padding:4px;height:200px;}
.met-flow{stroke-dasharray:6 3;animation:flowdash 0.7s linear infinite;}
.met-flow.stopped{animation:none;opacity:0.2;}
.mode-badge{font-size:11px;font-family:var(--font-mono);padding:4px 12px;border-radius:3px;letter-spacing:2px;display:inline-block;margin-bottom:6px;}
.mode-badge.methanol{background:rgba(162,89,255,0.2);border:1px solid var(--methanol);color:var(--methanol);}
.mode-badge.diesel{background:rgba(41,121,255,0.15);border:1px solid var(--blue);color:var(--blue);}
.mode-badge.esd{background:var(--red2);border:1px solid var(--red);color:#fff;animation:alarmblink .5s infinite;}
.mode-badge.changeover{background:rgba(255,171,0,0.2);border:1px solid var(--amber);color:var(--amber);animation:metflash .8s infinite;}
.safety-box{background:rgba(255,23,68,0.08);border:1px solid var(--red);border-radius:4px;padding:8px;margin-bottom:8px;}
.safety-box .s-title{font-size:10px;font-weight:700;color:var(--red);letter-spacing:1px;margin-bottom:4px;}
.safety-box .s-row{font-size:9px;color:var(--muted);margin-bottom:2px;}
.safety-box .s-val{color:var(--amber);}
.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);}
.changeover-step{font-family:var(--font-mono);font-size:9px;padding:3px 6px;border-radius:2px;margin-bottom:2px;background:rgba(255,255,255,0.03);border-left:3px solid var(--border);}
.changeover-step.done{border-left-color:var(--green);color:var(--green);}
.changeover-step.active{border-left-color:var(--amber);color:var(--amber);animation:metflash .8s infinite;}
.changeover-step.pending{border-left-color:var(--border);color:var(--muted);}