/* Shore Power — Simulator-specific styles (extends shared/simulator-theme.css) */

#main{display:grid;grid-template-columns:230px 1fr 230px;grid-template-rows:1fr 175px;gap:4px;padding:4px;height:calc(100vh - 42px);}
#bottom{grid-column:1/4;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;}
.row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.lbl{font-size:10px;color:var(--muted);}
.val{font-family:var(--font-mono);font-size:13px;}
.val.ok{color:var(--green);}
.val.warn{color:var(--amber);}
.val.bad{color:var(--red);}
.big-val{font-family:var(--font-mono);font-size:22px;color:var(--cyan);}
.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);}
.big-btn.green{background:rgba(0,230,118,.1);border-color:var(--green);color:var(--green);}
.big-btn.green:hover{background:rgba(0,230,118,.25);}
.big-btn.amber{background:rgba(255,171,0,.1);border-color:var(--amber);color:var(--amber);}
.big-btn.amber:hover{background:rgba(255,171,0,.25);}
.big-btn.red{background:rgba(255,23,68,.12);border-color:var(--red);color:var(--red);}
.big-btn.red:hover{background:rgba(255,23,68,.3);}
.big-btn.blue{background:rgba(41,121,255,.08);border-color:var(--blue);color:#7ab3ff;}
.big-btn.blue:hover{background:rgba(41,121,255,.2);}
.tap-row{display:flex;gap:4px;align-items:center;margin-bottom:6px;}
.tap-btn{padding:4px 8px;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;}
.tap-btn:hover{border-color:var(--cyan);color:var(--cyan);}
.tap-pos{font-family:var(--font-mono);font-size:12px;color:var(--cyan);min-width:24px;text-align:center;}
.ack-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-btn:hover{background:rgba(255,171,0,.25);}
.toggle-btn{padding:4px 12px;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);}
.sel-btn{padding:5px 10px;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;}
.sel-btn.active{background:rgba(0,229,255,.12);border-color:var(--cyan);color:var(--cyan);}
.co2-display{background:rgba(0,230,118,.06);border:1px solid var(--green);border-radius:4px;padding:10px;text-align:center;margin-bottom:8px;}
.co2-num{font-family:var(--font-mono);font-size:20px;color:var(--green);}
.co2-label{font-size:9px;color:var(--muted);margin-top:2px;}