/* Aux Engine — Simulator-specific styles (extends shared/simulator-theme.css) */

#gen-state-badge { font-family:var(--font-mono); font-size:11px; padding:3px 12px;
    border-radius:3px; font-weight:700; letter-spacing:1px; flex-shrink:0;
    background:rgba(255,23,68,0.15); border:1px solid var(--red); color:var(--red); }
  #gen-state-badge.running  { background:rgba(0,230,118,0.15); border-color:var(--green); color:var(--green); }
  #gen-state-badge.starting { background:rgba(255,171,0,0.15);  border-color:var(--amber); color:var(--amber); animation:blink 0.8s infinite; }
  #gen-state-badge.on-load  { background:rgba(0,229,255,0.15);  border-color:var(--cyan);  color:var(--cyan); }
  #kw-display { font-family:var(--font-mono); font-size:18px; color:var(--green); flex-shrink:0; }
  #kw-display span { font-size:11px; color:var(--muted); }
  #main {
    display:grid;
    grid-template-columns:190px 1fr 200px;
    grid-template-rows:1fr 180px;
    gap:4px; padding:4px; height:calc(100vh - 42px);
  }

.big-btn.breaker-close { background:rgba(0,229,255,0.1); border-color:var(--cyan); color:var(--cyan); }
  .big-btn.breaker-close:hover { background:rgba(0,229,255,0.25); }
  .big-btn.breaker-close:disabled { opacity:0.35; cursor:not-allowed; }
  .big-btn.breaker-open { background:rgba(255,171,0,0.1); border-color:var(--amber); color:var(--amber); }
  .big-btn.breaker-open:hover  { background:rgba(255,171,0,0.25); }
  .big-btn.breaker-open:disabled { opacity:0.35; cursor:not-allowed; }
/* ── BREAKER INDICATOR ── */
  .breaker-status { display:flex; align-items:center; justify-content:center; gap:8px;
    padding:8px; border:1px solid var(--border2); border-radius:3px; margin-bottom:6px;
    background:var(--bg3); }
  .breaker-lamp { width:14px; height:14px; border-radius:50%; background:var(--red); transition:background 0.3s; }
  .breaker-lamp.closed { background:var(--green); box-shadow:0 0 8px var(--green); }
  .breaker-label { font-family:var(--font-mono); font-size:11px; color:var(--muted); letter-spacing:1px; }

  /* ── SYNC INDICATOR ── */
  .sync-indicator { text-align:center; padding:4px; border:1px solid var(--border);
    border-radius:2px; margin-bottom:6px; font-family:var(--font-mono); font-size:10px; }
  .sync-indicator.in-sync { border-color:var(--green); color:var(--green); background:rgba(0,230,118,0.08); }
  .sync-indicator.out-sync { border-color:var(--amber); color:var(--amber); }
/* ── SCHEMATIC ── */
  #schematic-panel { grid-column:2; grid-row:1; }
  #schematic { width:100%; height:100%; }
/* ── BOTTOM STRIP ── */
  #bottom { grid-column:1/4; grid-row:2; display:grid; grid-template-columns:1fr 1fr 1fr; gap:4px; }
/* ── LOAD SLIDER ── */
  .load-row { display:flex; align-items:center; gap:6px; margin-bottom:8px; }
  .load-row input[type=range] { flex:1; accent-color:var(--cyan); }
  .load-val { font-family:var(--font-mono); font-size:14px; color:var(--cyan); min-width:50px; text-align:right; }

  /* ── FREQ INDICATOR ── */
  .freq-box { display:flex; justify-content:space-between; padding:6px 8px;
    border:1px solid var(--border2); border-radius:2px; margin-bottom:6px; background:var(--bg3); }
  .freq-label { font-size:9px; color:var(--muted); letter-spacing:1px; align-self:center; }
  .freq-value { font-family:var(--font-mono); font-size:20px; color:var(--green); }
  .freq-value.warn { color:var(--amber); }