.monitor-service { margin: 1rem 0 0; color: rgba(255,255,255,.68); font-size: clamp(.9rem,1.8vw,1.25rem); font-weight: 700; }
.monitor-ticket-number.is-empty { font-size: clamp(2.4rem,7vw,5.5rem); letter-spacing: .04em; color: rgba(255,255,255,.72); }
.monitor-sound-test { position: relative; margin-top: 1.25rem; padding: .7rem 1rem; color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); border-radius: 999px; font-weight: 800; }
.monitor-sound-test:hover,.monitor-sound-test:focus-visible { color: #000040; background: #ff8752; border-color: #ff8752; }
.monitor-waiting-total { display: flex; align-items: center; justify-content: space-between; margin-top: 1rem; padding: 1rem; color: rgba(255,255,255,.68); background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.1); border-radius: 1rem; }
.monitor-waiting-total strong { color: #ff8752; font-size: 1.7rem; font-weight: 950; }
.monitor-empty { display: grid; min-height: 13rem; place-items: center; align-content: center; gap: .8rem; color: rgba(255,255,255,.55); text-align: center; }
.monitor-empty i { font-size: 2.4rem; }
.monitor-audio-gate { position: fixed; z-index: 1100; inset: 0; display: grid; padding: 1.5rem; place-items: center; background: rgba(0,0,32,.86); backdrop-filter: blur(14px); transition: opacity .28s ease, visibility .28s ease; }
.monitor-audio-gate.is-hidden { visibility: hidden; opacity: 0; pointer-events: none; }
.monitor-audio-card { width: min(100%,34rem); padding: clamp(2rem,5vw,3.5rem); color: #fff; background: linear-gradient(145deg,rgba(0,58,104,.98),rgba(0,0,64,.98)); border: 1px solid rgba(255,255,255,.14); border-radius: 1.6rem; box-shadow: 0 2rem 6rem rgba(0,0,0,.45); text-align: center; }
.monitor-audio-icon { display: inline-grid; width: 5rem; height: 5rem; margin-bottom: 1.2rem; place-items: center; color: #000040; background: #ff8752; border-radius: 50%; box-shadow: 0 0 0 .75rem rgba(255,80,16,.13); font-size: 2.4rem; }
.monitor-audio-card h2 { font-weight: 900; }
.monitor-audio-card p { margin: .7rem auto 1.6rem; color: rgba(255,255,255,.68); }
.now-serving.is-calling { animation: call-glow 900ms ease 2; }
@keyframes call-glow { 50% { transform: scale(1.015); box-shadow: 0 0 0 .35rem rgba(255,80,16,.38), 0 1rem 4rem rgba(0,112,192,.5); } }
@media (prefers-reduced-motion: reduce) { .now-serving.is-calling { animation: none; } }