@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--navy:#0b1e33;--navy-panel:#0f2740;--teal:#0f9488;--teal-dark:#0b7a70;--gold:#c9a227;--ink:#142032;--ink-muted:#5b6675;--surface:#fff;--surface-tint:#f4f7f9;--border:#e2e8ee;--border-strong:#cbd5e0;--danger:#b91c1c;--danger-soft:#fee2e2;--success:#16a34a;--warning-soft:#fef3c7;--warning-ink:#92400e;--radius:18px;--radius-sm:10px;--shadow:0 10px 30px #0b1e331f;--shadow-sm:0 4px 16px #0b1e3314;--font-scale:1}[data-contrast=high]{--ink:#000;--ink-muted:#1a1a1a;--border:#000;--teal:#00695c;--gold:#7a5c00;--surface:#fff;--surface-tint:#fff}*{box-sizing:border-box}html{font-size:calc(16px * var(--font-scale))}body{color:var(--ink);min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif}h1,h2,h3,.display-font{font-family:Manrope,Inter,system-ui,sans-serif}button{font-family:inherit}*{margin:0;padding:0}html,body,#root{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--navy);color:#fff;overflow:hidden}.signage-app{background:radial-gradient(circle at 20% 0%, #0f948821, transparent 32%), var(--navy);flex-direction:column;gap:clamp(1.25rem,2vw,2.25rem);min-height:100vh;padding:clamp(1.5rem,2.6vw,3.5rem);display:flex}.signage-header{justify-content:space-between;align-items:center;display:flex}.signage-brand{align-items:center;gap:1rem;display:flex}.signage-brand-mark{background:var(--teal);border-radius:18px;place-items:center;width:clamp(52px,4vw,70px);height:clamp(52px,4vw,70px);display:grid;box-shadow:0 10px 30px #0f948840}.signage-brand-mark svg{width:55%;height:55%}.signage-brand-name,.signage-branch{display:block}.signage-brand-name{font-family:Manrope,sans-serif;font-size:clamp(1.45rem,2vw,2.25rem);font-weight:800;line-height:1.05}.signage-branch{color:#a9bacb;margin-top:.3rem;font-size:clamp(.8rem,1vw,1.05rem)}.signage-clock{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;display:flex}.signage-time-row{align-items:center;gap:.65rem;font-size:clamp(1.45rem,2.1vw,2.25rem);font-weight:750;display:flex}.signage-clock svg{color:#49c5b9;width:1em;height:1em}.signage-date{color:#9fb0c3;margin-top:.25rem;font-size:clamp(.85rem,1vw,1.1rem)}.signage-alert{color:#fecaca;background:#7f1d1d4d;border:1px solid #f8717180;border-radius:12px;justify-content:center;align-items:center;gap:.7rem;padding:.8rem 1rem;font-weight:650;display:flex}.signage-main{flex:1;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:clamp(1.25rem,2vw,2rem);min-height:0;display:grid}.now-serving,.recent-panel{background:#0f2740f5;border:1px solid #ffffff12;border-radius:24px;min-height:0;padding:clamp(1.5rem,2.3vw,2.75rem);overflow:hidden}.now-serving{flex-direction:column;display:flex}.section-label{color:#bdd0df;letter-spacing:.11em;text-transform:uppercase;margin:0;font-family:Manrope,sans-serif;font-size:clamp(1rem,1.25vw,1.35rem);font-weight:750}.active-call{text-align:center;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;margin-top:1rem;transition:background .35s;display:flex}.active-ticket-number{letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 12px 35px #00000040;font-family:Manrope,sans-serif;font-size:clamp(6rem,12vw,13rem);font-weight:800;line-height:.95}.instruction-label{color:#9fb0c3;letter-spacing:.12em;text-transform:uppercase;margin-top:clamp(1.6rem,3vh,3rem);font-size:clamp(1rem,1.6vw,1.65rem);font-weight:650}.active-counter{color:#5ad1c5;margin-top:.4rem;font-family:Manrope,sans-serif;font-size:clamp(2.4rem,5vw,5.5rem);font-weight:800;line-height:1.1}.active-call.flash{background:linear-gradient(135deg,#0f948859,#0f948814);animation:1.4s ease-in-out 3 call-attention}@keyframes call-attention{0%,to{box-shadow:inset 0 0 0 2px #5ad1c526}50%{box-shadow:inset 0 0 0 5px #5ad1c5cc,0 0 45px #0f948840}}.recent-panel{flex-direction:column;display:flex}.recent-list{flex-direction:column;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.recent-list li{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;padding:clamp(1rem,2vh,1.6rem) 0;display:flex}.recent-list li:last-child{border-bottom:0}.recent-list strong{font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif;font-size:clamp(1.8rem,2.8vw,3.1rem)}.recent-list span{color:#aebdcc;text-align:right;font-size:clamp(.95rem,1.15vw,1.2rem);font-weight:650}.signage-empty{color:#8fa2b5;font-size:clamp(1rem,1.25vw,1.35rem)}.signage-idle,.signage-loading{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:clamp(1.6rem,3vw,3rem);font-weight:700;display:flex}.signage-idle small{color:#73879a;margin-top:.7rem;font-size:.48em;font-weight:500}.recent-empty{margin-top:1.5rem}.signage-footer{background:#ffffff0b;border-radius:16px;justify-content:space-between;align-items:center;min-height:62px;padding:.7rem 1.2rem;display:flex}.queue-summary{align-items:baseline;gap:.65rem;display:flex}.queue-summary strong{color:#5ad1c5;font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif;font-size:clamp(1.7rem,2.2vw,2.4rem)}.queue-summary span{color:#c2d0dc;font-size:clamp(.95rem,1.1vw,1.15rem);font-weight:600}.display-status{color:#91a3b5;align-items:center;gap:.55rem;font-size:.9rem;display:flex}.live-dot{background:#ef4444;border-radius:50%;flex:none;width:9px;height:9px}.live-dot.live{background:var(--success);box-shadow:0 0 0 4px #16a34a2e}@media (prefers-reduced-motion:reduce){.active-call.flash{animation:none}}@media (width<=720px){body{overflow:auto}.signage-app{min-height:100svh;padding:1.2rem}.signage-date{text-align:right;max-width:150px}.signage-main{grid-template-columns:1fr}.now-serving{min-height:52svh}.recent-panel{min-height:auto}.active-ticket-number{font-size:clamp(5rem,27vw,8rem)}.active-counter{font-size:clamp(2.3rem,12vw,4rem)}.recent-list li{padding:1rem 0}.recent-list strong{font-size:1.8rem}.signage-footer{position:static}.display-status{font-size:0}}