/* Fixed Gas Detection — Simulator-specific styles (extends shared/simulator-theme.css) */

#main{display:grid;grid-template-columns:220px 1fr 220px;grid-template-rows:1fr 190px;gap:4px;padding:4px;height:calc(100vh - 42px);}

@keyframes warnblink{0%,100%{background:rgba(255,171,0,0.08)}50%{background:rgba(255,171,0,0.25)}}
.zone-block{border:1px solid var(--border);border-radius:3px;padding:6px;margin-bottom:5px;transition:border-color .3s;}
  .zone-block.z-alarm{border-color:var(--red);animation:alarmblink 1.2s infinite;}
  .zone-block.z-warning{border-color:var(--amber);animation:warnblink 2s infinite;}
  .zone-block.z-fault{border-color:var(--amber);opacity:0.7;}
  .zone-block.z-inhibit{border-color:var(--blue);opacity:0.6;}
  .zone-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;}
  .zone-badge{font-family:var(--font-mono);font-size:8px;padding:2px 6px;border-radius:2px;}
  .z-badge-normal{background:rgba(0,230,118,0.15);color:var(--green);}
  .z-badge-alarm{background:rgba(255,23,68,0.25);color:var(--red);}
  .z-badge-warning{background:rgba(255,171,0,0.2);color:var(--amber);}
  .z-badge-fault{background:rgba(255,171,0,0.15);color:var(--amber);}
  .z-badge-inhibit{background:rgba(41,121,255,0.2);color:var(--blue);}
  .gas-row{display:flex;align-items:center;gap:4px;font-size:9px;margin-bottom:2px;}
  .gas-tag{font-family:var(--font-mono);font-size:8px;width:28px;color:var(--muted);}
  .gas-val{font-family:var(--font-mono);font-size:10px;width:52px;text-align:right;}
  .gas-val.warn{color:var(--amber);}
  .gas-val.alarm{color:var(--red);animation:blink .6s infinite;}
  .gas-bar-track{flex:1;height:5px;background:rgba(255,255,255,0.05);border-radius:2px;overflow:hidden;}
  .gas-bar{height:100%;background:var(--green);transition:width .4s,background .3s;border-radius:2px;}
  .inh-btn{font-size:7px;font-family:var(--font-mono);padding:1px 5px;border:1px solid var(--border2);background:transparent;color:var(--muted);cursor:pointer;border-radius:2px;}
  .inh-btn:hover{border-color:var(--blue);color:var(--blue);}
  .inh-btn.active{border-color:var(--blue);color:var(--blue);background:rgba(41,121,255,0.1);}
.gauge-bar-track-h{height:6px;background:rgba(255,255,255,0.05);border-radius:2px;overflow:hidden;border:1px solid var(--border);}
  .gauge-bar-h{height:100%;background:var(--green);transition:width .4s,background .3s;border-radius:2px;}