/* 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}
/* A restaurant's own screens (jalta.nadook.com): staff sign in with the shop's PIN; the name is the owner's. */
.local-logout{display:none;margin-top:12px}
.is-shop .local-logout{display:flex}
.is-shop #settings-form{display:none}
.local-login .local-pin{text-align:center;font-size:30px;letter-spacing:.4em;min-height:64px}
/* The customer's WhatsApp number, typed with an order from outside: shown only where the shop has WhatsApp. */
.pad__phone,.cmp__phone{display:none}
.has-wa .pad__phone,.has-wa .cmp__phone{display:block;width:100%;min-height:46px;padding:0 14px;border-radius:12px;border:1.5px solid var(--board-line);background:var(--board);color:var(--b-text);font-size:18px;text-align:center;outline:none}
.has-wa .pad__phone:focus,.has-wa .cmp__phone:focus{border-color:var(--signal)}
.pad__phone::placeholder,.cmp__phone::placeholder{font-family:var(--font);font-size:15px;color:var(--b-muted)}
.compact-wa{border:0;background:transparent;font-size:17px;padding:8px 4px}
.local-wa-people{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.local-wa-people:empty{display:none}
.local-wa-people li{padding:10px 12px;border-radius:12px;background:#eef4f2;font-weight:600;line-height:1.6}
.local-wa-people li.is-warn{background:#fdecea;color:#8c1d18}
.local-wa-people small{display:block;font-weight:400;font-size:12px;color:#6b4a47;direction:ltr;text-align:start}
.local-wa-retry{margin-top:10px}
/* The customer's «📲 ذكّرني عالواتساب» is a link styled as the buttons around it. */
a.local-wa-remind{display:flex;align-items:center;justify-content:center;text-decoration:none;margin-top:10px}
.local-wa-remind:disabled{opacity:1;cursor:default;background:var(--ready-soft);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ready);margin-top:10px}