.console-page main{max-width:1400px;margin:16px auto}.console-page #terminal{height:65vh;min-height:180px;background:#101822;padding:8px;overflow:hidden}.console-page h1{overflow-wrap:anywhere}
:root{font-family:system-ui,sans-serif;color:#e7edf5;background:#101822;color-scheme:dark}body{margin:0}main{max-width:900px;margin:8vh auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:1.8rem}form{display:grid;gap:16px;max-width:380px}input,button{font:inherit;padding:12px;border-radius:8px;border:1px solid #45576c}button{cursor:pointer;background:#294d73;color:white}button:disabled{opacity:.6;cursor:wait}a{color:#a4d2ff}#message{min-height:1.5em;color:#c1dbef}label{display:block}@media(max-width:500px){header{align-items:flex-start;flex-direction:column}main{margin:24px auto}}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.panel{background:#1b2938;border:1px solid #3b5166;border-radius:12px;padding:20px;margin-bottom:18px}.stale{border-color:#b58a43}.muted{color:#a3b6c9;font-size:.9rem}.warning,#alerts{color:#f4c478}ul,ol{padding-left:22px}li{margin:8px 0}dl{display:grid;grid-template-columns:auto 1fr;gap:10px 18px}dd{margin:0}progress{width:100%;height:16px}h3{font-size:1.15rem}
.panel h3,.panel li{overflow-wrap:anywhere}



#terminal-status{display:flex;flex-wrap:wrap;gap:10px;background:#1b2938;padding:12px;border:1px solid #45576c;border-radius:8px}#terminal-status span{font-family:monospace;font-weight:bold;padding:4px 8px;border-radius:4px;background:#101822}#terminal-status [data-level="ok"]{color:#9fe0b1}#terminal-status [data-level="warning"],#focus-help{color:#f4c478}

#input-activity:empty,.console-page #message:empty{display:none}

/* Keep the terminal under the pointer when focus changes during a click. */
#focus-help[hidden]{display:block;visibility:hidden}

body[data-page="network"] main{max-width:1400px}
.network-table-scroll{overflow-x:auto;border:1px solid #3b5166;border-radius:12px;background:#1b2938}
.network-table{width:100%;border-collapse:collapse;text-align:left;line-height:1.5}
.network-table caption{text-align:left;font-weight:600;padding:16px}
.network-table th,.network-table td{padding:14px 16px;vertical-align:top;border-top:1px solid #3b5166;overflow-wrap:anywhere}
.network-table thead,.network-table tfoot{background:#152231}
.network-table tbody th{min-width:120px}
.network-table tbody td{min-width:150px}
.network-table .network-audience{min-width:100px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.network-table tbody tr:hover{background:#24364a}
.network-table tr.stale{background:#332c22}
.network-table ul{margin:0;padding-left:18px;color:#f4c478;min-width:170px}
.network-table li{margin:0 0 6px}
.network-table li:last-child{margin-bottom:0}

/* DJ workspace */
.dj-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.dj-level{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dj-level meter{flex:1;min-width:120px;height:24px}.dj-level span{font-variant-numeric:tabular-nums}#signal-panel[data-signal="ready"]{border-color:#80d9a0}#signal-panel[data-signal="ready"] h2{color:#9fe0b1}#signal-panel[data-signal="on_air"]{border-color:#e68a82}#signal-panel[data-signal="on_air"] h2{color:#ffa89f}.dj-copy{padding:5px 9px;margin-left:10px;font-size:.85rem}#encoder-settings dd{overflow-wrap:anywhere}#preview-audio{width:100%}#take{background:#296345}#stop{background:#614040}[hidden]{display:none!important}