/* Simulator-specific overrides -- uses shared/simulator-theme.css */

/* Chemical dosing accent colors */
:root{ --ch:#ff6d00;--ch2:#e64a00;--ch3:#ffab40; }

/* Grid layout */
#main{display:grid;grid-template-columns:240px 1fr 245px;gap:4px;padding:4px;height:calc(100vh - 43px);}

/* Chemical accent theming */
#header{border-bottom-color:var(--ch2);}
.htitle{color:var(--ch);}
.hbadge{background:rgba(255,109,0,.07);border-color:var(--ch);color:var(--ch);}
.ph{color:var(--ch);}
.phdot.ch{background:var(--ch);}

/* Chemical-specific keyframes */
@keyframes chglow{0%,100%{box-shadow:0 0 6px rgba(255,109,0,.3)}50%{box-shadow:0 0 18px rgba(255,109,0,.7)}}

/* Gauge bar chemical accent */
.g-bar.ch{background:var(--ch);}

/* Status block chemical variants */
.status-block.on{border-color:rgba(255,109,0,.5);background:rgba(255,109,0,.04);animation:chglow 2.5s infinite;}

/* Sub-block layout */
.sb-title{font-size:9px;font-family:var(--font-mono);letter-spacing:.5px;margin-bottom:4px;display:flex;justify-content:space-between;}
.sb-val{font-family:var(--font-mono);}
.sb-sub{font-size:9px;color:var(--muted);margin-top:2px;}
.sb-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin-top:4px;}
.sb-item .lbl{font-size:9px;color:var(--muted);}
.sb-item .val{font-family:var(--font-mono);font-size:11px;color:var(--white);}

/* Chemical-specific button states */
.cb-btn.ch-on{background:rgba(255,109,0,.15);border-color:var(--ch);color:var(--ch);animation:chglow 2s infinite;}
.cb-btn.sel{background:rgba(255,109,0,.2);border-color:var(--ch);color:var(--ch);}
.btn-bal{background:rgba(68,138,255,.1);border-color:#448aff;color:#448aff;}
.btn-bal:hover,.btn-bal.active{background:rgba(68,138,255,.25);}
.btn-deb{background:rgba(0,188,212,.1);border-color:#00bcd4;color:#00bcd4;}
.btn-deb:hover,.btn-deb.active{background:rgba(0,188,212,.25);}
.btn-stp{background:rgba(255,68,68,.1);border-color:var(--red);color:var(--red);}
.btn-stp:hover{background:rgba(255,68,68,.25);}
.btn-ch{background:rgba(255,109,0,.1);border-color:var(--ch);color:var(--ch);}
.btn-ch:hover,.btn-ch.active{background:rgba(255,109,0,.25);}
.btn-neut{background:rgba(0,188,212,.08);border-color:#00bcd4;color:#00bcd4;}
.btn-neut:hover,.btn-neut.active{background:rgba(0,188,212,.2);}

/* Chemical selection & tank visuals */
.chem-select{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:6px;}
.chem-btn{padding:5px;border:1px solid var(--b2);background:rgba(255,255,255,.03);color:var(--muted);cursor:pointer;border-radius:3px;font-size:9px;font-family:var(--font-mono);text-align:center;transition:all .15s;}
.chem-btn.sel{border-color:var(--ch);color:var(--ch);background:rgba(255,109,0,.1);}
.chem-tank-wrap{height:80px;display:flex;gap:5px;align-items:flex-end;margin-bottom:4px;}
.chem-tank-vis{width:40px;border:1px solid var(--ch);border-radius:2px;background:rgba(255,255,255,.04);height:100%;position:relative;overflow:hidden;}
.chem-tank-fill{position:absolute;bottom:0;left:0;right:0;background:rgba(255,109,0,.35);border-top:1px solid var(--ch);transition:height .8s;}
.chem-tank-pct{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:9px;text-shadow:0 0 4px #000;}
.chem-tank-info{flex:1;font-size:9px;font-family:var(--font-mono);}

/* Tank chemical accents */
.tank-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:5px;}
.tank-box{border:1px solid var(--b2);border-radius:3px;padding:4px;background:rgba(255,255,255,.02);}
.tank-box.sel{border-color:var(--ch);}
.tank-box.filling{border-color:#448aff;}
.tank-box.dischg{border-color:#00bcd4;}
.tank-name{font-size:9px;font-family:var(--font-mono);color:var(--ch);margin-bottom:2px;}
.tank-bar{height:28px;background:rgba(255,255,255,.04);border-radius:2px;border:1px solid var(--b1);position:relative;overflow:hidden;}
.tank-fill{position:absolute;bottom:0;left:0;right:0;background:rgba(255,109,0,.2);border-top:1px solid var(--ch);transition:height .8s;}
.tank-fill.treated{background:rgba(0,230,118,.2);border-top-color:var(--green);}
.tank-pct{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:10px;text-shadow:0 0 4px #000;}
.tank-meta{font-size:9px;color:var(--muted);}

/* Tab chemical accent */
.tab-btn.active{border-color:var(--ch);color:var(--ch);background:rgba(255,109,0,.06);}

/* D-2 compliance */
.d2-table{width:100%;border-collapse:collapse;font-size:9px;font-family:var(--font-mono);}
.d2-table th{padding:3px 5px;color:var(--muted);text-align:left;border-bottom:1px solid var(--b1);}
.d2-table td{padding:3px 5px;border-bottom:1px solid rgba(255,255,255,.04);}
.d2-pass{color:var(--green);}
.d2-fail{color:var(--red);animation:blink .8s infinite;}

/* Log item variants */
.log-item.op{color:#00bcd4;}
.log-item.alert{color:var(--amber);}