body.board-body{background:#071421;color:#eaf2ff;overflow:hidden}.board-body .topbar{position:relative;background:linear-gradient(135deg,#031f3d,#0b5cab);box-shadow:none;border-bottom:1px solid rgba(255,255,255,.14)}.board-controls{display:flex;align-items:center;gap:18px}.clock{text-align:right}.clock .time{font-size:42px;font-weight:900;line-height:1}.clock .date{color:#c7ddff;font-weight:800;margin-top:6px}.sound-btn{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:12px 16px;background:rgba(255,255,255,.13);color:white;font-weight:900;cursor:pointer}.sound-btn.muted{background:rgba(239,68,68,.25);border-color:rgba(252,165,165,.7)}.board-wrap{padding:22px;max-width:1920px;margin:0 auto}.board-grid{display:grid;grid-template-columns:420px 1fr;gap:20px}.next-card{background:linear-gradient(160deg,#fff,#dbeafe);color:#102033;border-radius:24px;padding:24px;box-shadow:0 18px 45px rgba(0,0,0,.35);min-height:360px}.next-card.next-spot{background:linear-gradient(160deg,#fff1f2,#fecaca);animation:spotCardFlash .9s linear infinite}.next-card .label{font-size:18px;font-weight:900;color:#0b5cab;letter-spacing:.12em}.next-card.next-spot .label{color:#991b1b}.next-time{font-size:64px;font-weight:950;margin:12px 0}.next-customer{font-size:38px;font-weight:950;margin:0 0 10px}.next-vehicle{font-size:26px;font-weight:900;color:#233247}.next-meta{display:grid;gap:12px;margin-top:22px}.attention{margin-top:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:18px}.attention h2{margin:0 0 12px;color:#fff}.attention-row{margin:8px 0;padding:8px;border-radius:12px}.attention-row.mini-spot{background:rgba(239,68,68,.22);animation:spotMiniFlash .9s linear infinite}.board-table{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.25)}.board-table table{background:transparent;color:#fff}.board-table th{background:rgba(255,255,255,.12);color:#cfe3ff;font-size:15px}.board-table td{border-bottom:1px solid rgba(255,255,255,.12);font-size:24px;font-weight:800;padding:18px}.board-table tr.overdue{background:rgba(220,38,38,.25)}.board-table tr.soon{background:rgba(245,158,11,.18)}.board-table tr.spot-row,.board-table tr.spot-flash{background:rgba(220,38,38,.58);animation:spotRowFlash .75s linear infinite}.countdown{font-size:18px;color:#cfe3ff;font-weight:900}.stock{color:#f5c542}.row-vehicle{color:#dbeafe}.board-empty{height:60vh;display:grid;place-items:center;text-align:center}.board-empty h2{font-size:52px;margin:0}.flash{animation:flashNew 1s ease-in-out 3}@keyframes flashNew{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 999px rgba(245,197,66,.18) inset}}@keyframes spotRowFlash{0%,100%{background:rgba(220,38,38,.78)}50%{background:rgba(254,226,226,.20)}}@keyframes spotCardFlash{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.0),0 18px 45px rgba(0,0,0,.35)}50%{box-shadow:0 0 0 8px rgba(239,68,68,.32),0 18px 45px rgba(0,0,0,.35)}}@keyframes spotMiniFlash{0%,100%{background:rgba(239,68,68,.35)}50%{background:rgba(239,68,68,.08)}}
@media(max-width:1100px){body.board-body{overflow:auto}.board-grid{grid-template-columns:1fr}.clock .time{font-size:30px}.board-controls{width:100%;justify-content:space-between}.board-table td{font-size:18px}.next-time{font-size:46px}.next-customer{font-size:30px}}

.sound-btn.enable-sound{background:rgba(245,197,66,.95);color:#102033;border-color:rgba(245,197,66,.9);box-shadow:0 0 0 3px rgba(245,197,66,.22)}
.sound-btn.enable-sound.enabled{background:rgba(34,197,94,.25);color:#dcfce7;border-color:rgba(134,239,172,.8);box-shadow:none}
.sound-btn.enable-sound.hidden{display:none}