:root{font-family:Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#101827;color:#edf2fb}button,input{font:inherit}button{cursor:pointer;background:#24364d;border:1px solid #526781;color:white;padding:9px 13px;border-radius:7px}button:hover{background:#335071}button.active{background:#14629c;border-color:#63b4ff}.app{display:flex;min-height:100vh}.sidebar{width:215px;flex:none;background:#172438;border-right:1px solid #3a4c65;padding:18px 12px}.brand{font-size:20px;font-weight:bold;margin:5px 9px 3px}.sub{color:#9aacc5;font-size:12px;margin:0 9px 25px}.nav{width:100%;text-align:left;margin:4px 0}.main{flex:1;min-width:0;padding:22px}.page{display:none}.page.active{display:block}.card{border:1px solid #3d516d;border-radius:12px;background:#1c2b40;padding:17px;margin-bottom:16px}.muted{color:#a8b9cf}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px}.stat{padding:15px;border:1px solid #465b76;border-radius:9px}.stat small{display:block;color:#a8b9cf;margin-bottom:9px}.stat strong{font-size:19px}.good{color:#8cf0b3}.warn{color:#ffcf80}.bad{color:#ff9d9d}.video{width:100%;aspect-ratio:16/9;background:#080d14;border-radius:10px;object-fit:contain}.frame{width:100%;height:calc(100vh - 105px);border:0;border-radius:10px;background:#101827}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row label{display:flex;align-items:center;gap:8px}input[type=text],input[type=password]{background:#101827;border:1px solid #526781;border-radius:6px;padding:9px;color:white;min-width:260px}input[type=checkbox]{width:18px;height:18px}table{border-collapse:collapse;width:100%}td,th{padding:7px 10px;border-bottom:1px solid #3a4c65;text-align:left}.banner{background:#473b1c;border:1px solid #ad8c3b;color:#ffdb8c;padding:12px;border-radius:8px;margin:12px 0}h1{margin-top:0}h2{font-size:19px}.pill{display:inline-block;padding:5px 9px;border-radius:6px;background:#334a65}.live-card{border:1px solid #51657f;border-radius:9px;padding:12px;margin:8px 0;background:#1b2a40}.live-card.on{border:2px solid #22c55e;background:#153c32}.live-chip{display:inline-block;padding:6px 10px;margin:4px;border:1px solid #566b84;border-radius:7px}.live-chip.on{background:#14532d;border:2px solid #22c55e;color:#fff;font-weight:bold}.state-active{display:inline-block;background:#14532d;border:1px solid #22c55e;border-radius:6px;padding:5px 10px;color:white;font-weight:bold}.live-chip.fired{box-shadow:0 0 0 3px #eab308}.live-muted{color:#9fb0c6}.topnote{font-size:13px;color:#a8b9cf;margin-bottom:12px}@media(max-width:750px){.sidebar{width:135px}.main{padding:12px}.brand{font-size:15px}.nav{font-size:12px}}
.fixed-live-table{table-layout:fixed;width:100%}.fixed-live-table td,.fixed-live-table th{overflow-wrap:anywhere;vertical-align:middle}.fixed-live-table td:nth-child(2){font-variant-numeric:tabular-nums}.fixed-live-table .state-active{min-width:130px;text-align:center}

/* Dashboard-only receiver styling; standalone style.css is unchanged. */
a{color:#85c7ff}select{font:inherit;background:#101827;color:white;padding:9px;border:1px solid #526781;border-radius:6px}
#connect-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.metric{padding:12px;background:#172438;border-radius:5px;overflow-wrap:anywhere}
.metric span{display:block;color:#a8b9cf;font-size:.85rem}.metric strong{display:block;margin-top:5px}
pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto}
button:disabled{opacity:.5;cursor:default}body.test-f video{width:1280px;height:720px}