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

/* Ozone accent colors */
:root{ --oz:#00e5ff;--oz2:#0097a7;--oz3:#b2ebf2;--oz-danger:#ff6d00; }

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

/* Ozone accent theming */
#header{border-bottom-color:var(--oz2);}
.htitle{color:var(--oz);}
.hbadge{background:rgba(0,229,255,.07);border-color:var(--oz);color:var(--oz);}
.ph{color:var(--oz);}
.phdot.oz{background:var(--oz);}
.phdot.red{background:var(--red);}

/* Ozone-specific keyframes */
@keyframes ozglow{0%,100%{box-shadow:0 0 8px rgba(0,229,255,.3)}50%{box-shadow:0 0 22px rgba(0,229,255,.8)}}
@keyframes dangerglow{0%,100%{box-shadow:0 0 8px rgba(255,109,0,.4)}50%{box-shadow:0 0 20px rgba(255,109,0,.8)}}
@keyframes evacuate{0%,100%{background:rgba(255,109,0,.1)}50%{background:rgba(255,109,0,.35)}}

/* Gauge bar ozone accents */
.g-bar.oz{background:var(--oz);}

/* Status block ozone variants */
.status-block{border:1px solid var(--b1);border-radius:3px;padding:6px 8px;margin-bottom:5px;}
.status-block.on{border-color:rgba(0,229,255,.5);background:rgba(0,229,255,.04);animation:ozglow 2.5s infinite;}
.status-block.danger{border-color:var(--oz-danger);animation:evacuate 1s 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);}

/* Ozone-specific button states */
.cb-btn.oz-on{background:rgba(0,229,255,.12);border-color:var(--oz);color:var(--oz);animation:ozglow 2s infinite;}
.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-oz{background:rgba(0,229,255,.08);border-color:var(--oz);color:var(--oz);}
.btn-oz:hover,.btn-oz.active{background:rgba(0,229,255,.2);}
.btn-dest{background:rgba(0,230,118,.08);border-color:var(--green);color:var(--green);}
.btn-dest:hover,.btn-dest.active{background:rgba(0,230,118,.2);}
.btn-danger{background:rgba(255,109,0,.1);border-color:var(--oz-danger);color:var(--oz-danger);}

/* Tank ozone 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(--oz);background:rgba(0,229,255,.04);}
.tank-box.filling{border-color:#448aff;}
.tank-box.dischg{border-color:#00bcd4;}
.tank-name{font-size:9px;font-family:var(--font-mono);color:var(--oz);margin-bottom:2px;}
.tank-bar{height:30px;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(0,229,255,.2);border-top:1px solid var(--oz);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);}

/* Safety banner */
.safety-banner{display:none;position:absolute;top:47px;left:0;right:0;z-index:50;text-align:center;padding:8px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:2px;}

/* Tab ozone accent */
.tab-btn.active{border-color:var(--oz);color:var(--oz);background:rgba(0,229,255,.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);}
.log-item.danger{color:var(--oz-danger);}