/* CO2 Flooding — Simulator-specific styles (extends shared/simulator-theme.css) */

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

@keyframes co2fill{0%{opacity:0.1}100%{opacity:0.7}}
#bottom{grid-column:1/4;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;}
.check-box{width:14px;height:14px;border:1px solid var(--border2);border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .check-box.checked{background:var(--green);border-color:var(--green);}
  .check-box.checked::after{content:'✓';font-size:9px;color:#000;}
  .damper-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:4px;}
  .damper-indicator{padding:4px 6px;border-radius:2px;font-size:9px;font-family:var(--font-mono);text-align:center;border:1px solid var(--border);}
  .damper-indicator.open-d{background:rgba(255,23,68,0.1);border-color:var(--red);color:var(--red);}
  .damper-indicator.closed-d{background:rgba(0,230,118,0.1);border-color:var(--green);color:var(--green);}
  .zone-btn{padding:6px 10px;font-size:10px;font-family:var(--font-mono);border:1px solid var(--border2);background:rgba(0,0,0,0.4);color:var(--muted);cursor:pointer;border-radius:2px;margin-right:4px;transition:all .15s;}
  .zone-btn.selected{background:rgba(0,229,255,0.15);border-color:var(--cyan);color:var(--cyan);}
.status-led{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
  .led-green{background:var(--green);box-shadow:0 0 6px var(--green);}
  .led-red{background:var(--red);box-shadow:0 0 6px var(--red);animation:pulse 1s infinite;}
  .led-amber{background:var(--amber);box-shadow:0 0 6px var(--amber);}
  .led-grey{background:var(--muted);opacity:0.4;}
  .seq-step{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:10px;border-bottom:1px solid rgba(255,255,255,0.04);}
  .seq-num{width:18px;height:18px;border-radius:50%;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:9px;font-family:var(--font-mono);flex-shrink:0;}
  .seq-num.done{background:var(--green);border-color:var(--green);color:#000;}
  .seq-num.active{background:rgba(255,171,0,0.2);border-color:var(--amber);color:var(--amber);animation:pulse 1s infinite;}
  .seq-num.pending{opacity:0.3;}
  .co2-conc-display{text-align:center;padding:8px;background:rgba(0,229,255,0.05);border:1px solid var(--border);border-radius:4px;margin-top:6px;}
  .co2-big{font-family:var(--font-mono);font-size:28px;color:var(--cyan);}
  .co2-big.danger{color:var(--red);animation:blink .8s infinite;}