/* Generator Sync — Simulator-specific styles (extends shared/simulator-theme.css) */

#main{display:grid;grid-template-columns:230px 1fr 230px;grid-template-rows:1fr 180px;gap:4px;padding:4px;height:calc(100vh - 42px);}

.row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
  .lbl{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;}
  .val{font-family:var(--font-mono);font-size:15px;color:var(--white);}
  .val.ok{color:var(--green);}.val.warn{color:var(--amber);}.val.bad{color:var(--red);}
.ctrl-row{margin-bottom:8px;}
.adj-row{display:flex;gap:4px;}
  .adj-btn{flex:1;padding:6px;font-size:11px;font-family:var(--font-mono);border-radius:2px;cursor:pointer;border:1px solid var(--border2);background:rgba(255,255,255,.04);color:var(--white);transition:all .15s;}
  .adj-btn:hover{border-color:var(--cyan);color:var(--cyan);}
  .adj-btn:active{background:rgba(0,229,255,.15);}
  .match-badge{text-align:center;padding:4px 8px;border-radius:3px;font-size:10px;font-family:var(--font-mono);margin-bottom:4px;}
  .match-badge.ok{background:rgba(0,230,118,.15);color:var(--green);border:1px solid var(--green);}
  .match-badge.warn{background:rgba(255,171,0,.1);color:var(--amber);border:1px solid var(--amber);}
  .match-badge.bad{background:rgba(255,23,68,.12);color:var(--red);border:1px solid var(--red);}
  .close-btn{width:100%;padding:12px;font-size:14px;font-family:var(--font-mono);font-weight:700;letter-spacing:2px;border-radius:3px;cursor:pointer;border:2px solid;transition:all .2s;margin-top:6px;}
  .close-btn.armed{background:rgba(0,230,118,.15);border-color:var(--green);color:var(--green);animation:pulse 1s infinite;}
  .close-btn.armed:hover{background:rgba(0,230,118,.35);}
  .close-btn.disarmed{background:rgba(90,138,170,.05);border-color:var(--border);color:var(--muted);cursor:not-allowed;}
  .close-btn.closed{background:rgba(0,230,118,.3);border-color:var(--green);color:var(--green);}
  .open-btn{width:100%;padding:8px;font-size:11px;font-family:var(--font-mono);letter-spacing:1px;border-radius:3px;cursor:pointer;border:1px solid var(--amber);background:rgba(255,171,0,.08);color:var(--amber);margin-top:4px;transition:all .15s;}
  .open-btn:hover{background:rgba(255,171,0,.2);}
#bottom{grid-column:1/4;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;}
  .mode-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
  .toggle-btn{padding:3px 10px;font-size:9px;font-family:var(--font-mono);border-radius:2px;cursor:pointer;border:1px solid var(--border2);background:rgba(0,0,0,.3);color:var(--muted);transition:all .15s;}
  .toggle-btn.on{background:rgba(0,230,118,.15);border-color:var(--green);color:var(--green);}
  .ack-all-btn{width:100%;padding:5px;font-size:10px;font-family:var(--font-mono);background:rgba(255,171,0,.1);border:1px solid var(--amber);color:var(--amber);cursor:pointer;border-radius:2px;margin-bottom:6px;transition:all .15s;}
  .ack-all-btn:hover{background:rgba(255,171,0,.25);}
.phase-bar-track{height:10px;background:rgba(255,255,255,.04);border-radius:5px;overflow:hidden;border:1px solid var(--border);position:relative;margin-bottom:4px;}
  .phase-bar{height:100%;background:var(--green);transition:width .2s,background .2s;border-radius:5px;}
