:root{--bg:#0a111d;--surface:#131f2d;--surface2:#192a3b;--line:#2b4052;--cyan:#31b7e3;--green:#38c58e;--amber:#f3c45d;--red:#f07070;--text:#edf5fa;--muted:#9eb1c0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'Segoe UI',Arial,sans-serif}header{display:flex;justify-content:space-between;align-items:center;background:#172637;border-bottom:2px solid var(--cyan);padding:19px 30px;box-shadow:0 4px 20px #0004}h1{font-size:19px;letter-spacing:.6px;margin:0 0 6px}small{color:var(--muted);font-size:11px;letter-spacing:.8px}#roleLabel{color:#6ed7f7;font-size:12px;letter-spacing:1px}.monitor-strip{max-width:1190px;margin:18px auto 0;padding:12px 17px;display:flex;align-items:center;gap:15px;background:#142335;border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:6px}.monitor-label{font-size:11px;font-weight:700;letter-spacing:1.1px;color:#a5c1d1}.health{border-radius:4px;padding:5px 9px;font-size:11px;font-weight:800;letter-spacing:.6px;white-space:nowrap}.health.idle{color:#b4c2cd;background:#334456}.health.good{color:#09231a;background:var(--green)}.health.warn{color:#342600;background:var(--amber)}.health.bad{color:#fff;background:#a93442}.alert-text{font-size:12px;color:#c5d5df}main{max-width:1190px;margin:15px auto 26px;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:18px;min-width:0;box-shadow:0 4px 14px #0002}h2{font-size:15px;font-weight:650;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #263c4c}p{line-height:1.5}button{background:#197fa8;border:1px solid #3297b9;border-radius:4px;color:white;padding:9px 12px;cursor:pointer;margin:3px 4px 3px 0;font-weight:600}button:hover:not(:disabled){background:#2597c4}button:disabled{background:#344658;border-color:#405262;color:#91a4b3;cursor:not-allowed}audio{width:100%}label{display:block;margin-top:12px;color:#cbdde8}select{background:#23374a;border:1px solid #496174;color:white;padding:8px;max-width:100%;width:100%;border-radius:4px}pre{white-space:pre-wrap;word-break:break-word;color:#a9d6e9;max-height:205px;overflow:auto;font-size:12px}.meter{height:12px;background:#08131d;border:1px solid #263747;border-radius:3px;margin:13px 0;overflow:hidden}.meter div{height:100%;width:0;background:linear-gradient(90deg,#2ac28b 75%,#f4c84d 90%,#e75b5b)}#status{font-weight:bold;color:#6dd4f7}#stats,#captureDiagnostics{font-size:12px;color:#c1d4e1}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.metrics>div{background:#0d1a28;border:1px solid #283d4c;border-radius:5px;padding:11px}.metrics span{display:block;font-size:10px;letter-spacing:.5px;color:#9cb7c7}.metrics strong{display:block;margin-top:5px;font-size:17px;color:#dff6ff;font-variant-numeric:tabular-nums}.alarm-list{min-height:38px;font-size:12px;color:#a9c2d1}.alarm-entry{padding:8px 10px;margin:6px 0;border-left:3px solid var(--amber);background:#27303a}.alarm-entry.critical{border-left-color:var(--red)}.muted-note{font-size:12px;color:var(--muted)}input[type=range]{accent-color:var(--cyan)}@media(max-width:1250px){main,.monitor-strip{margin-left:16px;margin-right:16px}}@media(max-width:720px){main{grid-template-columns:1fr}.monitor-strip{flex-wrap:wrap}header{padding:15px}h1{font-size:16px}}

.audio-controls{background:#192a3b;border:1px solid #2b4052;border-radius:6px;padding:12px;margin:12px 0;display:grid;gap:8px}
.audio-controls input[type=range]{width:100%;accent-color:#31b7e3}
.audio-controls label{display:flex;align-items:center;justify-content:space-between;gap:10px}
.audio-controls label:has(input[type=checkbox]){justify-content:flex-start}
.db-readout{font-family:Consolas,monospace;font-size:12px;color:#a9d7e8;margin:5px 0 12px}