:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#edf4ff;background:#071a2c}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{height:100dvh;display:grid;grid-template-rows:clamp(42px,9dvh,76px) minmax(0,1fr) clamp(36px,6dvh,48px);background:radial-gradient(ellipse at top right,#194660,transparent 65%),#071a2c}header,footer{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#0d3046;padding:0 clamp(10px,2vw,30px)}header>div{display:flex;align-items:center;gap:14px;min-width:0}header strong{color:#ffb443;letter-spacing:1px}header span,footer{color:#a9c4d5;font-size:clamp(11px,1vw,14px)}.clock b{font-size:clamp(16px,2vw,26px);color:#ffb443;white-space:nowrap}button,.back-to-panel{border:1px solid #4a6578;border-radius:8px;background:#173f57;color:#edf4ff;padding:7px 10px;cursor:pointer;text-decoration:none;white-space:nowrap}button:focus-visible,a:focus-visible{outline:2px solid #ffb443;outline-offset:2px}main{min-height:0;display:grid;grid-template-rows:clamp(65px,16dvh,140px) clamp(65px,16dvh,140px) minmax(0,1fr);gap:clamp(8px,1.8dvh,18px);padding:clamp(8px,1.8dvh,20px) clamp(10px,2vw,30px)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #32536a;border-radius:14px;overflow:hidden;background:#102f45}.metric{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6px;border-right:1px solid #32536a;min-width:0}.metric:last-child{border:0}.metric small{text-transform:uppercase;color:#a9c4d5;font-weight:650;font-size:clamp(10px,1vw,14px);letter-spacing:.06em}.metric b{font-size:clamp(25px,5.2dvh,54px);line-height:1.15;margin:4px 0}.green b{color:#4ee397}.orange b{color:#ffb443}.blue b{color:#76baff}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(8px,1.5vw,20px);min-height:0}.grid article{display:flex;flex-direction:column;min-height:0;min-width:0;background:#102f45;border:1px solid #32536a;border-radius:14px;padding:clamp(8px,1.4vw,18px)}h2{font-size:clamp(12px,1.2vw,17px);display:flex;justify-content:space-between;gap:8px;color:#d9e8f5;margin:0 0 8px;flex-shrink:0}h2 small{color:#a9c4d5;font-size:11px;font-weight:400;white-space:nowrap}.queue,.technicians{flex:1;min-height:0;overflow:hidden}.queue-row,.tech-row{height:56px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #29495e;font-size:clamp(12px,1.1vw,16px)}.queue-row>div,.tech-row>div{min-width:0}.queue-row strong,.tech-row strong,.queue-row small,.tech-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-row small,.tech-row small{color:#a9c4d5;font-size:11px;margin-top:4px}.pill{border-radius:999px;padding:5px 8px;background:#304b60;color:#d6e4ef;white-space:nowrap;font-size:11px}.pill.waiting{background:#584315;color:#ffe095}.pill.active,.pill.online{background:#145140;color:#91f7bd}footer{font-size:11px}footer>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-controls{display:flex;gap:5px;align-items:center}.tv-controls button{padding:4px 8px;font-size:11px}@media(max-width:950px){#date,header>div>span{display:none}.clock{gap:7px}header strong{font-size:13px}}@media(max-width:600px){.grid{grid-template-columns:1fr 1fr}header{gap:5px}header>div{gap:5px}.back-to-panel{font-size:11px;padding:5px}.clock b{font-size:14px}.metric small{font-size:9px;letter-spacing:0}.pill{font-size:9px;padding:3px}.queue-row,.tech-row{gap:3px;font-size:11px}h2{font-size:11px;flex-wrap:wrap;gap:3px}h2 small{font-size:9px}#refreshCountdown{display:none}.tv-controls button{padding:4px}footer{gap:4px;padding:0 8px}}