/* Local demo controls; exact device geometry is in demo.css. */
html:has(body.is-ready),body.is-ready{overflow:hidden}
.ready .ready__mute{display:none}
.ready .local-ready-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
.demo-local-note{text-align:center;margin:0;padding:0 16px 9px;font-size:11px;color:#5e7674}.demo__stage{min-height:0}.pad__display{width:100%;border:0;text-align:center;outline:none}.pad__display::placeholder{color:var(--board-line)}.bar__more{font-size:23px;line-height:1}.local-dialog{padding:26px;border:0;border-radius:22px;width:min(440px,calc(100% - 32px));color:var(--ink);background:#fff;box-shadow:0 24px 60px #0f3a4038;max-height:calc(100dvh - 32px);overflow:auto}.local-dialog::backdrop{background:rgba(9,36,40,.55);backdrop-filter:blur(3px)}.local-dialog h2{font:400 29px/1.3 var(--display);margin:6px 0 15px}.local-dialog p{margin:12px 0 20px;line-height:1.8;color:var(--muted)}.local-close{position:absolute;top:10px;left:10px;border:0;border-radius:50%;height:28px;width:28px;background:#edf1f0;font-size:20px;color:var(--ink)}.dialog-fine{font-size:12px!important;color:#6a817f!important}.settings-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.settings-choices .btn{font-size:13px;padding:0 10px}.local-cancel{border:0;background:transparent;color:#b3261e;min-height:36px;padding:4px 8px;font-size:13px}.compact-cancel{border:0;background:transparent;color:#b3261e;font-size:17px;padding:8px}.local-wa{width:100%;margin-top:12px;font-size:13px;min-height:42px}.local-mock{font-size:11px;color:#5e7674;margin-top:10px;line-height:1.7;text-align:center}.local-back{margin-top:10px}.local-board{padding:20px;flex:1;overflow:auto}.local-board h2{font:400 30px var(--display);margin-bottom:18px}.local-board-numbers{display:flex;gap:14px;flex-wrap:wrap}.local-board-numbers span{display:grid;place-items:center;min-width:95px;height:110px;background:#e1f6ec;border-radius:20px;font:400 70px var(--display);color:#0c8a58}.local-track-status{margin:0 22px 20px;font-size:14px;color:var(--muted)}.local-ready-note{font-size:11px;color:#06442e;margin-bottom:10px}.ready .btn--ghost{background:transparent;color:#04281a;box-shadow:inset 0 0 0 1.5px #0c8a58}.local-rate-note{font-size:13px!important;margin-top:20px!important}.cust .btn--quiet{display:flex;margin-inline:auto}.ready__badge{flex-shrink:0}.demo .brand img{flex:none}.staff__app.is-display .staff__body,.staff__app.is-display .cmp,.staff__app.is-display .fab{display:none!important}.staff__app:not(.is-display) .local-board{display:none}.is-kitchen .col__title:after{content:' · المطبخ';font-size:12px;font-weight:400}
@media(max-width:1100px){.demo-local-note{font-size:10px;padding-bottom:6px}}
@media(max-width:480px){.demo__head{gap:10px;padding-inline:12px}.demo__head .brand{font-size:19px}.demo__head .brand img{width:28px;height:28px}.demo__acts{gap:5px}.demo__acts .btn{font-size:11px;padding-inline:10px}.local-dialog{padding:25px 20px}}

.demo-local-note{position:fixed;bottom:0;inset-inline:0;padding-bottom:1px;pointer-events:none;z-index:2}
/* Lock-screen alerts on the customer page */
.local-push-note{font-size:13px;color:#4c6663;margin:10px 4px 16px;line-height:1.7;text-align:center}
.local-push:disabled{opacity:1;cursor:default;background:var(--ready-soft);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ready)}
/* iPhone: add-to-Home-Screen steps under the alert button */
.local-guide{list-style:none;margin:4px 0 12px;padding:14px;border-radius:18px;background:var(--ready-soft);display:grid;gap:10px;text-align:start}
.local-guide[hidden]{display:none}
.local-guide li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.7;color:var(--ink)}
.local-guide b{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#fff;font-size:14px}
.local-share{display:inline-block;width:20px;height:20px;vertical-align:-4px;margin:0 2px;color:#0a84ff}
/* Live lock-screen counter (Now Playing) under the alert button */
.local-live{margin-top:10px;min-height:48px;font-size:15px}
/* Redrawing the same screen keeps it still (customer.js settle): no second print, stamp or rise */
.cust.is-settled .tk,.cust.is-settled .tk__num,.cust.is-settled .tk__stamp,.cust.is-settled .timer,.cust.is-settled .alerts,.cust.is-settled .ready{animation:none}
/* The order number used to stamp in from 1.25x, wider than the phone: the page grew sideways and slid while it
   settled. It now pops in from smaller, and nothing on the customer screens may widen the page. */
body.cust{overflow-x:clip}.tk{overflow-x:clip}