:root{--surface:#f6f7f9;--surface-raised:#fff;--surface-sunken:#e9ecf1;--ink:#141a24;--ink-muted:#5a6472;--hairline:#d7dce3;--brand:#d6336c;--on-brand:#fff;--brand-tint:#fbe4ec;--ready:#15804b;--on-ready:#fff;--ready-tint:#def4e7;--preparing:#2458c7;--on-preparing:#fff;--preparing-tint:#e3ebfb;--danger:#a61e1e;--on-danger:#fff;--focus:#2458c7;--font-sans:"IBM Plex Sans Arabic", "Noto Kufi Arabic", system-ui, sans-serif;--fs-number-hall:176px;--lh-number:1;--fs-number-phone:96px;--fs-number-card:40px;--lh-number-card:1.1;--fs-display:40px;--lh-display:1.3;--fs-h1:28px;--lh-h1:1.3;--fs-h2:20px;--lh-h2:1.35;--fs-body:16px;--lh-body:1.6;--fs-button:17px;--lh-button:1.4;--fs-caption:13px;--lh-caption:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:999px;--border-hairline:1px;--border-focus:3px;--border-ring:6px;--button-h-phone:48px;--button-h-kitchen:64px;--pulse-scale:1.04;--hall-slide:.3s}[data-theme=dark]{--surface:#0f1419;--surface-raised:#1a2129;--surface-sunken:#0a0e12;--ink:#f2f4f7;--ink-muted:#9aa4b1;--hairline:#2a333e;--brand:#ff5c8a;--on-brand:#1a0a10;--brand-tint:#3a1a26;--ready:#3ecf8e;--on-ready:#06201a;--ready-tint:#123526;--preparing:#6ea8ff;--on-preparing:#06142e;--preparing-tint:#15243f;--danger:#ff8a80;--on-danger:#2b0806;--focus:#6ea8ff}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);letter-spacing:normal;-webkit-text-size-adjust:100%;direction:rtl}body{font-family:var(--font-sans);background:var(--surface);color:var(--ink);font-size:var(--fs-body);line-height:var(--lh-body);margin:0}h1,h2,h3,p{margin:0}h1{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:700}h2{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:600}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:normal}button{cursor:pointer}:focus-visible{outline:var(--border-focus) solid var(--focus);outline-offset:2px}[x-cloak]{display:none!important}.ltr{direction:ltr;unicode-bidi:isolate}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-weight:700}.muted{color:var(--ink-muted)}.caption{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--ink-muted)}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.card{background:var(--surface-raised);border:var(--border-hairline) solid var(--hairline);border-radius:var(--radius-lg)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--button-h-phone);padding:0 var(--space-6);border-radius:var(--radius-md);border:var(--border-hairline) solid var(--hairline);background:var(--surface-raised);font-size:var(--fs-button);line-height:var(--lh-button);color:var(--ink);font-weight:600;text-decoration:none;transition:transform 80ms;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.btn-ink{background:var(--ink);color:var(--surface-raised);border-color:var(--ink)}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-ready{background:var(--ready);color:var(--on-ready);border-color:var(--ready);min-height:var(--button-h-kitchen);font-size:22px;font-weight:700}.btn-sm{min-height:40px;padding:0 var(--space-4);font-size:15px}.btn-block{width:100%}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap;font-size:15px;font-weight:600;line-height:1.5;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.badge-preparing{background:var(--preparing);color:var(--on-preparing)}.badge-ready{background:var(--ready);color:var(--on-ready)}.badge-cancelled{background:var(--danger);color:var(--on-danger)}.badge-collected,.badge-overdue{background:var(--preparing-tint);color:var(--ink)}.badge-preparing:before,.badge-ready:before,.badge-cancelled:before{background:currentColor}.order-ring{aspect-ratio:1;border-radius:var(--radius-full);border:var(--border-ring) solid var(--preparing);background:var(--surface-raised);place-items:center;width:220px;margin-inline:auto;display:grid}.order-ring[data-status=ready]{border-color:var(--ready);background:var(--ready-tint)}.order-ring .num{font-size:var(--fs-number-phone);line-height:var(--lh-number)}.field{width:100%;min-height:var(--button-h-phone);padding:0 var(--space-4);background:var(--surface-raised);border:var(--border-hairline) solid var(--hairline);border-radius:var(--radius-md)}textarea.field{padding:var(--space-3) var(--space-4);resize:vertical;min-height:100px}.conn{align-items:center;gap:var(--space-2);color:var(--ink-muted);font-size:15px;display:inline-flex}.conn:before{content:"";background:var(--ready);border-radius:50%;width:8px;height:8px}.conn[data-online=false]:before{background:var(--danger)}.icon{flex:none;width:1.25em;height:1.25em}.ranna-mark{border:5px solid var(--brand);border-radius:50%;flex:none;width:44px;height:44px}.tenant-logo{border-radius:var(--radius-md);background:var(--brand);width:40px;height:40px;color:var(--on-brand);flex:none;place-items:center;font-size:18px;font-weight:700;display:grid;overflow:hidden}.tenant-logo img{object-fit:contain;width:100%;height:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}html,body{height:100%;overflow:hidden}.hall{gap:var(--space-8);height:100dvh;padding:var(--space-12) var(--space-16) var(--space-8);grid-template-rows:auto 1fr auto;display:grid}.hall-header{justify-content:space-between;align-items:center;display:flex}.hall-brand{align-items:center;gap:var(--space-6);display:flex}.hall-brand h1{font-size:clamp(28px,2.4vw,48px)}.hall-logo{border-radius:var(--radius-md);width:clamp(48px,4vw,76px);height:clamp(48px,4vw,76px);font-size:clamp(22px,1.8vw,34px)}.hall-clock{color:var(--ink-muted);font-size:clamp(20px,1.6vw,30px);font-weight:400}.hall-columns{gap:var(--space-12);grid-template-columns:1fr 1fr;min-height:0;display:grid}.hall-column{gap:var(--space-6);flex-direction:column;min-height:0;display:flex}.hall-heading{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-md);min-height:clamp(64px,4.6vw,92px);font-size:clamp(28px,2.2vw,44px);font-weight:700;display:flex}.hall-heading .icon{width:1em;height:1em}.hall-heading-ready{background:var(--ready);color:var(--on-ready)}.hall-heading-preparing{background:var(--preparing);color:var(--on-preparing)}.hall-tiles{gap:var(--space-6);align-content:start;margin:0;padding:0;list-style:none;display:grid}.hall-tiles-ready{grid-template-columns:repeat(2,1fr)}.hall-tiles-preparing{grid-template-columns:repeat(3,1fr)}.hall-tile{border-radius:var(--radius-md);animation:hall-in var(--hall-slide) ease-out;place-items:center;display:grid}.hall-tile .num{line-height:var(--lh-number)}.hall-tile-ready{background:var(--ready);color:var(--on-ready);min-height:clamp(150px,12.5vw,250px)}.hall-tile-ready .num{font-size:min(var(--fs-number-hall), 9vw)}.hall-tile-ready.is-overdue{background:var(--ready-tint);color:var(--ready)}.hall-tile-preparing{background:var(--surface-raised);color:var(--ink);border:var(--border-hairline) solid var(--hairline);min-height:clamp(100px,8.4vw,168px)}.hall-tile-preparing .num{font-size:min(112px,6vw)}@keyframes hall-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hall-footer{color:var(--ink-muted);justify-content:space-between;font-size:clamp(16px,1.2vw,24px);display:flex}