/* Auto Load Sharing — Simulator-specific styles (extends shared/simulator-theme.css) */

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

.dg-block{background:var(--bg2);border:1px solid var(--border);border-radius:3px;padding:8px;margin-bottom:8px;}
  .dg-block.fault{border-color:var(--red);animation:alarmblink 1s infinite;}
  .dg-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
  .dg-name{font-size:12px;font-weight:700;color:var(--cyan);}
  .dg-badge{font-size:9px;font-family:var(--font-mono);padding:2px 7px;border-radius:2px;}
  .dg-badge.RUNNING{background:rgba(0,230,118,.18);color:var(--green);}
  .dg-badge.FAULT{background:rgba(255,23,68,.2);color:var(--red);animation:blink .6s infinite;}
  .dg-badge.STANDBY{background:rgba(90,138,170,.1);color:var(--muted);}
  .meter-row{display:flex;justify-content:space-between;margin-bottom:3px;font-size:10px;}
  .meter-lbl{color:var(--muted);}
  .meter-val{font-family:var(--font-mono);}
  .meter-val.warn{color:var(--amber);}
  .meter-val.alarm{color:var(--red);}
  .bar-track{height:8px;background:rgba(255,255,255,.04);border-radius:2px;overflow:hidden;border:1px solid var(--border);margin-bottom:6px;}
  .bar-fill{height:100%;transition:width .4s,background .3s;border-radius:2px;}
.mode-btn-row{display:flex;gap:4px;margin-bottom:6px;}
  .mode-btn{flex:1;padding:5px;font-size:10px;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;}
  .mode-btn.active{background:rgba(0,229,255,.12);border-color:var(--cyan);color:var(--cyan);}
  .load-row{display:flex;justify-content:space-between;margin-bottom:4px;align-items:center;}
  .load-name{font-size:10px;color:var(--white);}
  .load-kw{font-family:var(--font-mono);font-size:9px;color:var(--muted);}
  .load-status{font-size:9px;font-family:var(--font-mono);padding:1px 6px;border-radius:2px;}
  .load-status.ON{background:rgba(0,230,118,.15);color:var(--green);}
  .load-status.TRIPPED{background:rgba(255,23,68,.2);color:var(--red);animation:blink .8s infinite;}
  .rst-btn{font-size:9px;font-family:var(--font-mono);padding:1px 6px;border-radius:2px;cursor:pointer;border:1px solid var(--border2);background:rgba(0,0,0,.3);color:var(--muted);transition:all .15s;}
  .rst-btn:hover{border-color:var(--green);color:var(--green);}
#bottom{grid-column:1/4;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;}
  .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;}
  .ack-all-btn:hover{background:rgba(255,171,0,.25);}
  .big-num{font-family:var(--font-mono);font-size:24px;}
  .big-num.warn{color:var(--amber);}
  .big-num.alarm{color:var(--red);}
.err-badge{text-align:center;padding:3px 8px;border-radius:2px;font-size:10px;font-family:var(--font-mono);margin-top:4px;}
  .err-badge.ok{background:rgba(0,230,118,.1);color:var(--green);}
  .err-badge.warn{background:rgba(255,171,0,.12);color:var(--amber);}
  .err-badge.bad{background:rgba(255,23,68,.12);color:var(--red);}