/* ESD — Simulator-specific styles (extends shared/simulator-theme.css) */

#main{display:grid;grid-template-columns:200px 1fr 200px;grid-template-rows:1fr 190px;gap:4px;padding:4px;height:calc(100vh - 42px);}

.big-btn.esd-l1{background:rgba(255,171,0,0.12);border-color:var(--amber);color:var(--amber);}
  .big-btn.esd-l1:hover{background:rgba(255,171,0,0.3);}
  .big-btn.esd-l2{background:rgba(255,23,68,0.15);border-color:var(--red);color:var(--red);}
  .big-btn.esd-l2:hover{background:rgba(255,23,68,0.35);}
  .big-btn.esd-l3{background:rgba(213,0,0,0.2);border-color:#ff6600;color:#ff6600;}
  .big-btn.esd-l3:hover{background:rgba(213,0,0,0.4);}
  .big-btn.fired{animation:alarmblink .5s infinite;color:#fff!important;}
.status-led{width:10px;height:10px;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 .8s infinite;}
  .led-amber{background:var(--amber);box-shadow:0 0 6px var(--amber);}
  .led-grey{background:var(--muted);opacity:0.3;}
  .zone-tile{border:1px solid var(--border);border-radius:3px;padding:8px;margin-bottom:4px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .15s;}
  .zone-tile:hover{border-color:var(--border2);}
  .zone-tile.tripped{border-color:var(--red);animation:alarmblink 1.2s infinite;}
  .zone-tile .z-name{flex:1;font-size:10px;font-weight:600;}
  .zone-tile .z-status{font-family:var(--font-mono);font-size:9px;}
  .zone-tile.tripped .z-status{color:var(--red);}
  .zone-tile .z-btn{font-size:8px;font-family:var(--font-mono);padding:2px 6px;border:1px solid var(--red);background:transparent;color:var(--red);cursor:pointer;border-radius:2px;}
  .zone-tile .z-btn:hover{background:var(--red);color:#fff;}
  .valve-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:4px;}
  .valve-cell{border:1px solid var(--border);border-radius:2px;padding:4px 2px;text-align:center;font-family:var(--font-mono);font-size:8px;transition:all .3s;}
  .valve-cell.v-open{border-color:var(--green);color:var(--green);background:rgba(0,230,118,0.08);}
  .valve-cell.v-closed{border-color:var(--red);color:var(--red);background:rgba(255,23,68,0.08);}
  .valve-cell.v-trans{border-color:var(--amber);color:var(--amber);background:rgba(255,171,0,0.08);}
