/* Customer-only beeper view. Staff screens retain the existing design. */
body.pager-app:has(.customer-beeper){background:#15372c}
.customer-beeper{--beeper-accent:#a4a69a;--beeper-cream:#fbfaf1;--beeper-ink:#56594f;isolation:isolate;position:relative;max-width:490px;min-height:100dvh;padding:calc(30px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));color:#fbfaf1}
.customer-beeper::before{content:'';position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 45% 110%,#a2995b38,transparent 55%),repeating-radial-gradient(ellipse at 115% 19%,transparent 0 75px,#b0c4ac10 77px 78px,transparent 80px 145px),linear-gradient(155deg,#1e4033,#102e25 65%,#284333)}
.beeper-brand{text-align:center;margin:0 0 17px}.beeper-brand-icon{width:58px;height:58px;margin:0 auto 10px;color:#f47b54;display:grid;place-items:center}.beeper-brand-icon svg{width:47px;height:47px;filter:drop-shadow(0 4px 12px #0002)}.beeper-brand p{font-size:24px;font-weight:800;margin:0;line-height:1.7}.beeper-kicker{display:block;font-size:11px;color:#b7c7bd;margin-top:4px}.beeper-connection{display:flex;justify-content:center;min-height:28px;margin-bottom:26px}.customer-beeper .connection{font-size:13px;font-weight:700;color:#d6e3d9;gap:8px}.customer-beeper .connection:before{width:7px;height:7px;background:#98d6ad;box-shadow:0 0 0 4px #98d6ad12}.customer-beeper .connection.offline{color:#f2c99b}.customer-beeper .connection.offline:before{background:#e8b276;box-shadow:none}
.customer-beeper .beeper-card{padding:0 24px 25px;background:var(--beeper-cream);border:1px solid #fff5;border-radius:28px;box-shadow:0 16px 55px #071d2940;text-align:center;color:var(--beeper-ink);overflow:hidden;transition:box-shadow .4s,border-color .4s}.beeper-card-header{height:67px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #56594f17;font-size:17px;font-weight:800;text-align:start;gap:12px}.beeper-card-mark{display:grid;place-items:center;color:#d97552;width:31px;height:31px}.beeper-card-mark svg{width:25px;height:25px}.beeper-dial{position:relative;width:226px;aspect-ratio:1;margin:26px auto 20px;border:2px solid #b9baaa75;border-radius:50%;box-shadow:0 6px 0 #9fa18c35,0 9px 13px #81857318,inset 0 0 0 8px #fff8;color:var(--beeper-accent);transition:color .4s,border-color .4s,box-shadow .4s}.beeper-dial-center{position:absolute;inset:25px;border:2px solid #bfc1b145;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#fff9,#f3f3e980);gap:0}.beeper-dial strong{font-family:Cairo,"Segoe UI",Tahoma,sans-serif;font-size:75px;font-weight:800;line-height:1.2;letter-spacing:-3px;font-variant-numeric:tabular-nums;color:var(--beeper-accent)}.beeper-dial-center>span{font-size:10px;font-weight:600;color:#8b9080;margin-top:8px}.beeper-dots{position:absolute;inset:10px;border-radius:50%}.beeper-dots i{position:absolute;top:50%;left:50%;width:13px;height:13px;margin:-6.5px;border-radius:50%;background:currentColor;transform:rotate(calc(var(--dot)*45deg)) translateY(-100px);box-shadow:0 0 0 4px var(--beeper-cream);transition:background .4s,box-shadow .4s}.beeper-dial.is-link-code strong{font-size:50px;letter-spacing:4px}.customer-beeper .beeper-card h1{font-size:27px;line-height:1.6;font-weight:800;margin:0 0 5px;color:var(--beeper-ink)}.customer-beeper .beeper-description{font-size:12px;line-height:1.9;margin:0;color:#8b9081}.beeper-invoice{font-size:10px;color:#8b9081;padding:8px 0 0;overflow-wrap:anywhere}.beeper-timeline{padding:19px 0 0;margin:2px 0 0;gap:10px}.beeper-timeline span{padding-top:9px;font-size:10px;border-color:#dedfd4;color:#a9ad9e}.beeper-timeline span.active{border-color:#9b9e8e;color:#707768}.customer-beeper .customer-coming{min-height:48px;margin-top:20px;border:0;border-radius:13px;background:#1c9258;color:#fff;font-size:16px}.customer-beeper .customer-coming:disabled{cursor:default;opacity:1;background:#deefdc;color:#287145}.customer-beeper .beeper-restart{border-color:#ced7c9;color:#43634e;margin-top:17px;background:#f3f5ec}
.customer-beeper.phase-ready,.customer-beeper.phase-delivered{--beeper-accent:#24a362;--beeper-ink:#207544}.phase-ready .beeper-dial,.phase-delivered .beeper-dial{border-color:#78be8f;box-shadow:0 6px 0 #29895725,0 0 32px #34b96b14,inset 0 0 0 8px #fff8}.phase-ready .beeper-dial-center,.phase-delivered .beeper-dial-center{border-color:#a1d5aa66;background:radial-gradient(circle at 50% 40%,#f7fff3,#e8f5e4)}.phase-ready .beeper-dots i{box-shadow:0 0 0 4px var(--beeper-cream),0 0 14px #25ac7555}.phase-ready .beeper-timeline span.active{color:#26864c;border-color:#42a965}.phase-ready .beeper-brand-icon,.phase-delivered .beeper-brand-icon{color:#75df9d}.phase-cancelled{--beeper-accent:#b96a5a;--beeper-ink:#965c4c}
.beeper-controls{margin-top:22px;display:grid;gap:12px}.customer-beeper .customer-sound,.customer-beeper .customer-push{margin:0;padding:17px 18px;background:#ffffff08;border:1px solid #d7e4d61f;border-radius:18px;text-align:start;color:#e2eadf}.beeper-sound-heading{display:flex;gap:8px;align-items:center;margin-bottom:10px}.beeper-small-icon{font-size:21px;color:#a6ccae}.customer-beeper .customer-sound h2,.customer-beeper .customer-push h2{font-size:14px;margin:0;line-height:1.8;color:#edf4e8}.customer-beeper .customer-sound p,.customer-beeper .customer-push p,.customer-beeper .customer-push small{font-size:10px;line-height:1.9;color:#adbfaf}.customer-beeper .customer-sound p{margin:10px 0 0}.customer-beeper .customer-sound .pager-button,.customer-beeper .customer-push .pager-button{min-height:43px;background:#f5f6e9;color:#365c43;border-color:#ffffff12;font-size:12px;border-radius:11px;box-shadow:none}.customer-beeper .customer-push .pager-button.quiet{color:#c7dcc8;background:transparent;border-color:#c7dcc833}.customer-beeper .push-label{font-size:10px;color:#8ad9a2}.customer-beeper .customer-push h2{margin:5px 0}.customer-beeper .customer-push ol{font-size:11px;color:#d6e0d1;padding-inline-start:18px}.customer-beeper .customer-push .push-important{color:#e2cf9e;background:#e7c65b0c;border:1px solid #e7c65b1c}.customer-beeper .push-enabled{background:#6cce8d0a;border-color:#a4ddb22b}.beeper-footer{margin-top:auto;padding-top:21px}.customer-beeper .customer-note{color:#94ab98;font-size:10px;line-height:1.9;margin:0 10px}.customer-beeper .customer-note+ .customer-note{margin-top:12px;color:#829b87;font-size:9px}.customer-beeper #background-push-panel:empty{display:none}
@media(min-width:700px){.customer-beeper{padding-top:48px;padding-bottom:36px}.beeper-connection{margin-bottom:32px}.beeper-brand{margin-bottom:20px}.customer-beeper .beeper-card{padding-inline:30px}.beeper-dial{margin-top:30px;margin-bottom:24px}}
@media(max-width:359px){.customer-beeper{padding-inline:15px}.customer-beeper .beeper-card{padding-inline:19px}.beeper-dial{width:200px}.beeper-dots i{transform:rotate(calc(var(--dot)*45deg)) translateY(-87px)}.beeper-dial strong{font-size:65px}.beeper-dial.is-link-code strong{font-size:43px;letter-spacing:3px}.customer-beeper .beeper-card h1{font-size:23px}.beeper-card-header{font-size:15px}.beeper-brand p{font-size:22px}}
@media(prefers-reduced-motion:reduce){.customer-beeper *{transition:none!important}}
.beeper-restaurant-logo{width:64px;height:64px;object-fit:contain;border-radius:16px;display:block}