:root{color:#17241e;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17241e;--muted:#66726b;--surface:#fff;--surface-soft:#f5f6f2;--line:#dce1da;--brand:#135d4b;--brand-dark:#0c4437;--lime:#c8f04b;--danger:#c83525;--danger-dark:#912619;--urgent-bg:#fff0e8;--warning:#e77a24;--shadow:0 14px 40px #17241e1a;background:#edf0ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#101b16;min-height:100%}body{background:radial-gradient(circle at 10% -10%,#c8f04b29,#0000 28rem),#edf0ea;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.operator-app{min-height:100vh;padding-bottom:calc(86px + env(safe-area-inset-bottom))}.operator-header{z-index:20;min-height:calc(70px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 16px 10px;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101b16f7;border-bottom:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid;position:sticky;top:0}.operator-header>div:first-child{align-items:center;gap:10px;min-width:0;display:flex}.operator-header>div:first-child>span:last-child{min-width:0}.operator-header strong,.operator-header small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.operator-header strong{max-width:150px;font-size:.91rem}.operator-header small{color:#9aaba2;margin-top:2px;font-size:.72rem}.brand-mark{color:#17241e;background:var(--lime);border-radius:13px;flex:none;place-items:center;width:39px;height:39px;font:800 .86rem/1 Inter,ui-sans-serif,system-ui,sans-serif;display:grid;box-shadow:inset 0 0 0 1px #ffffff73}.operator-main{width:min(100%,760px);margin:0 auto;padding:22px 16px 28px}.bottom-nav{z-index:30;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px #17241e14}.bottom-nav a{color:#7a847e;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:56px;font-size:.67rem;font-weight:700;display:flex;position:relative}.bottom-nav a.active{color:var(--brand);background:#ecf6ef}.nav-icon{place-items:center;display:grid;position:relative}.nav-count{color:#fff;background:var(--danger);border:2px solid #fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:.63rem;display:grid;position:absolute;top:-8px;right:-10px}.icon-button{width:44px;height:44px;color:inherit;background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;place-items:center;padding:0;display:inline-grid}.icon-button.light{color:var(--brand);border-color:var(--line);background:#fff;box-shadow:0 5px 15px #17241e0f}.connection-pill{color:#d9e5de;background:#ffffff14;border-radius:999px;align-items:center;gap:5px;min-height:34px;padding:0 10px;font-size:.72rem;font-weight:800;display:inline-flex}.connection-pill.connected svg{color:var(--lime)}.connection-banner{z-index:24;top:calc(70px + env(safe-area-inset-top));color:#4e250e;box-shadow:var(--shadow);background:#ffdfb8;border:1px solid #eeb56e;border-radius:12px;align-items:flex-start;gap:9px;padding:10px 12px;font-size:.75rem;display:flex;position:fixed;left:10px;right:10px}.connection-banner strong,.connection-banner span{display:block}.connection-banner strong{margin-bottom:1px;font-size:.8rem}.page-stack{gap:18px;display:grid}.page-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-heading h1{margin-bottom:6px;font-size:clamp(1.75rem,8vw,2.35rem);line-height:1.02}.page-heading p:last-child{color:var(--muted);margin-bottom:0;font-size:.88rem}.eyebrow{color:var(--brand);letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:800}.urgent-text{color:var(--danger)}.feedback{border:1px solid;border-radius:14px;padding:12px 14px;font-size:.84rem;font-weight:600}.feedback.error{color:#80251a;background:#ffebe8;border-color:#f2b1a9}.feedback.success{color:#15563f;background:#e6f7ec;border-color:#acd9ba}.feedback.info{color:#2d4b61;background:#eaf5fb;border-color:#b7d6e8}.status-control,.quick-list,.settings-card,.detail-section,.permission-card,.troubleshooting,.limitations-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 9px 28px #17241e0f}.enable-alerts-banner{color:#482a0d;background:#ffe3b9;border:1px solid #ebb671;border-radius:17px;grid-template-columns:1fr auto;gap:5px 12px;padding:15px;display:grid;box-shadow:0 8px 24px #8048121a}.enable-alerts-banner>span{align-items:center;gap:8px;display:flex}.enable-alerts-banner small{color:#745232;grid-column:1;font-size:.72rem}.enable-alerts-banner>svg{grid-area:1/2/3;align-self:center}.section-title{color:var(--ink);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.88rem;font-weight:800;display:flex}.section-title>span{align-items:center;gap:8px;display:inline-flex}.status-dot{color:#fff;background:var(--brand);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:.68rem}.status-dot.busy{background:var(--warning)}.status-dot.closed{background:#69736d}.status-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.status-options button{min-height:68px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:14px;padding:10px 6px}.status-options button strong,.status-options button small{display:block}.status-options button strong{color:var(--ink);margin-bottom:3px;font-size:.88rem}.status-options button small{font-size:.65rem}.status-options button.selected{color:#245648;background:#e3f6e9;border-color:#7fbe91;box-shadow:inset 0 0 0 1px #7fbe91}.metric-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.metric-grid a{min-width:0;min-height:126px;color:var(--brand);border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;padding:14px;display:flex;box-shadow:0 7px 20px #17241e0d}.metric-grid a.urgent{color:var(--danger);background:var(--urgent-bg);border-color:#efaf90}.metric-grid strong{color:var(--ink);font:800 1.8rem/1 Inter,ui-sans-serif,system-ui,sans-serif}.metric-grid span{color:var(--muted);font-size:.69rem;font-weight:700}.quick-list{padding:8px 0;overflow:hidden}.quick-list .section-title{padding:10px 18px 4px}.quick-list>a{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:56px;padding:0 18px;font-size:.85rem;font-weight:700;display:flex}.quick-list>a span{align-items:center;gap:10px;display:inline-flex}.order-card-list{gap:14px;display:grid}.order-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:16px;box-shadow:0 8px 26px #17241e0f}.order-card.urgent{background:linear-gradient(145deg,#fff 0%,#fff7f2 100%);border-color:#eaa787;box-shadow:0 9px 26px #c543231f}.order-card.overdue{border:2px solid var(--danger)}.order-card>header,.detail-hero,.alert-order-summary{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.order-card h2,.alert-order-summary h2{margin:5px 0 0;font-size:1.13rem}.order-code{color:var(--brand);letter-spacing:.05em;font:800 .72rem/1 Inter,ui-sans-serif,system-ui,sans-serif}.order-total{flex:none;font:800 1.12rem/1.15 Inter,ui-sans-serif,system-ui,sans-serif}.order-total small,.detail-hero>strong small,.alert-order-summary>strong small{font-size:.63rem}.order-badges{flex-wrap:wrap;gap:6px;margin:13px 0;display:flex}.order-badges span{color:#46534c;background:#eef1ed;border-radius:8px;padding:6px 8px;font-size:.65rem;font-weight:800}.order-badges .guest{color:#5a3d10;background:#fff0c9}.order-badges .delivery{color:#214f67;background:#e4f3fa}.order-badges .pickup{color:#4a3c75;background:#eee9ff}.order-badges .pos{color:#fff;background:var(--danger)}.status-row{color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;font-size:.78rem;display:flex}.status-row strong{color:var(--ink)}.order-items{gap:10px;display:grid}.order-items.compact{margin-top:12px}.order-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;font-size:.82rem;display:flex}.order-item:last-child{border-bottom:0}.order-item strong,.order-item span,.order-item em{display:block}.order-item span,.order-item em{color:var(--muted);margin-top:4px;font-size:.74rem}.order-item em{color:#7e4b27}.order-card>footer{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.primary-button,.secondary-button,.danger-button,.accept-button,.test-alert-button{border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:0 16px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:var(--brand)}.primary-button:active,.accept-button:active{transform:translateY(1px)}.secondary-button{color:var(--ink);border-color:var(--line);background:#fff}.danger-button{color:var(--danger);background:#fff2ef;border-color:#efb2aa}.accept-button{color:#142317;background:var(--lime);border-color:#acd52e}.order-card footer .secondary-button{margin-right:auto}.order-card footer .primary-button{flex:1}button:disabled{cursor:wait;opacity:.58}.full{width:100%}.overdue-label{color:var(--danger);align-items:center;gap:6px;margin:2px 0 12px;font-size:.76rem;font-weight:800;display:flex}.empty-state{text-align:center;background:#ffffffb8;border:1px dashed #c5ccc5;border-radius:20px;align-content:center;place-items:center;min-height:260px;padding:24px;display:grid}.empty-state>span{width:52px;height:52px;color:var(--brand);background:#dff1e4;border-radius:50%;place-items:center;margin-bottom:14px;font-size:1.4rem;font-weight:800;display:grid}.empty-state h2,.empty-state h1{margin-bottom:7px;font-size:1.2rem}.empty-state p{color:var(--muted);margin-bottom:0;font-size:.84rem}.skeleton{background:linear-gradient(100deg,#f0f2ee 30%,#fafbf8 50%,#f0f2ee 70%) 0 0/300% 100%;min-height:240px;animation:1.3s infinite shimmer;overflow:hidden}.auth-screen,.setup-screen{min-height:100vh;padding:calc(26px + env(safe-area-inset-top)) 18px calc(26px + env(safe-area-inset-bottom));background:radial-gradient(circle at 80% 10%,#c8f04b40,#0000 19rem),linear-gradient(150deg,#101b16,#173b30);place-items:center;display:grid}.auth-card,.setup-screen>section{background:#f9faf6;border:1px solid #ffffff2e;border-radius:26px;width:min(100%,430px);padding:28px 22px;box-shadow:0 30px 70px #00000047}.auth-icon,.setup-icon,.permission-icon{width:64px;height:64px;color:var(--brand-dark);background:var(--lime);border-radius:20px;place-items:center;margin-bottom:22px;display:grid}.auth-card h1,.setup-screen h1{margin-bottom:8px;font-size:2rem;line-height:1.05}.auth-card>p:not(.eyebrow),.setup-screen>section>p:not(.eyebrow){color:var(--muted);line-height:1.55}.auth-card form{gap:16px;margin-top:25px;display:grid}.auth-card label{gap:7px;font-size:.78rem;font-weight:800;display:grid}.input-wrap{color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:9px;padding:0 13px;display:flex}.input-wrap input,.plain-input{width:100%;min-height:51px;color:var(--ink);background:0 0;border:0;outline:none}.plain-input{border:1px solid var(--line);background:#fff;border-radius:13px;padding:0 13px}.input-wrap:focus-within,.plain-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #135d4b1f}.auth-note{color:var(--muted);text-align:center;margin-top:18px;display:block}.setup-safe-note{color:#49584f;background:#eef1ed;border-radius:14px;margin:22px 0;padding:14px;font-size:.8rem;line-height:1.5}.urgent-alert-backdrop{z-index:100;padding:calc(18px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c0804d6;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.urgent-alert{background:#fffaf7;border:3px solid #f06a3d;border-radius:26px;width:min(100%,500px);margin:auto;padding:24px 18px 18px;animation:.18s ease-out alert-enter;position:relative;box-shadow:0 30px 80px #00000073}.urgent-alert.is-overdue{border-color:var(--danger);box-shadow:0 0 0 6px #c8352533,0 30px 80px #00000080}.urgent-pulse{color:#fff;background:var(--danger);border-radius:50%;place-items:center;width:58px;height:58px;margin:-4px auto 12px;animation:1.4s infinite pulse;display:grid;box-shadow:0 0 #c835256b}.urgent-alert>.alert-eyebrow,.urgent-alert>h1,.queue-count,.alert-overdue{text-align:center}.alert-eyebrow{color:var(--danger);letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:900}.urgent-alert>h1{margin-bottom:4px;font-size:2.15rem}.queue-count{color:var(--muted);margin-bottom:10px;font-size:.8rem;font-weight:700}.alert-overdue{color:#fff;background:var(--danger);letter-spacing:.1em;border-radius:9px;margin:8px 0 12px;padding:8px;font-size:.75rem;font-weight:900}.test-close{width:42px;height:42px;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.alert-order-summary{background:#fff;border:1px solid #efd8cc;border-radius:16px;align-items:center;margin-top:18px;padding:14px}.alert-order-summary>strong,.detail-hero>strong{flex:none;font:800 1.3rem/1 Inter,ui-sans-serif,system-ui,sans-serif}.pos-callout{color:#721e16;background:#ffe1dd;border:1px solid #eea59b;border-radius:13px;gap:3px;margin:12px 0;padding:12px 14px;font-size:.78rem;display:grid}.pos-callout strong{font-size:.9rem}.alert-contact{grid-template-columns:1fr auto;gap:8px;margin:12px 0;display:grid}.alert-contact a,.alert-contact>span{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:7px;min-height:48px;padding:0 12px;font-size:.77rem;display:flex}.address-block,.contact-row{color:#314038;background:#eff4ef;border-radius:13px;align-items:flex-start;gap:10px;padding:12px;font-size:.8rem;line-height:1.45;display:flex}.address-block small,.contact-row small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px;font-size:.65rem;font-weight:800;display:block}.details-toggle{width:100%;min-height:46px;color:var(--brand);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin:12px 0 4px;font-weight:800;display:flex}.alert-actions,.reject-confirmation{border-top:1px solid #efd8cc;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:15px;padding-top:14px;display:grid}.alert-actions button,.reject-confirmation button{min-height:58px}.reject-confirmation p{color:var(--danger-dark);text-align:center;grid-column:1/-1;margin-bottom:2px;font-size:.83rem;font-weight:800}.back-link{width:fit-content;min-height:42px;color:var(--brand);align-items:center;gap:7px;font-size:.81rem;font-weight:800;display:inline-flex}.detail-hero{color:#fff;background:#173b30;border-radius:20px;align-items:center;padding:18px}.detail-hero h1{margin:6px 0 3px;font-size:1.5rem}.detail-hero p{color:#b8c9bf;margin:0;font-size:.78rem}.detail-section h2,.settings-card h2,.troubleshooting h2{align-items:center;gap:8px;margin-bottom:15px;font-size:1rem;display:flex}.detail-section .contact-row+.contact-row{margin-top:8px}.pickup-note{color:#4a3c75;background:#eee9ff;border-radius:13px;padding:14px;font-size:.82rem;font-weight:700}.timeline>div{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;font-size:.8rem;display:flex}.timeline time{color:var(--muted);text-align:right}.sticky-actions{z-index:10;bottom:calc(78px + env(safe-area-inset-bottom));border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-radius:17px;grid-template-columns:1fr 1.3fr;gap:8px;padding:10px;display:grid;position:sticky}.sticky-actions .full{grid-column:1/-1}.permission-card{text-align:center}.permission-icon{color:#6b3b13;background:#ffdcab;margin-left:auto;margin-right:auto}.permission-icon.healthy{color:var(--brand);background:#d9f3df}.permission-card h1{margin-bottom:8px;font-size:1.65rem}.permission-card>p:not(.eyebrow){color:var(--muted);line-height:1.5}.permission-status{text-align:left;gap:8px;margin:18px 0;display:grid}.permission-status span{background:var(--surface-soft);border-radius:10px;justify-content:space-between;padding:11px 12px;font-size:.8rem;display:flex}.permission-card .feedback{text-align:left;margin-top:12px}.troubleshooting ol{color:var(--muted);margin:0;padding-left:22px;font-size:.81rem;line-height:1.7}.troubleshooting>p{color:#77512c;border-top:1px solid var(--line);align-items:flex-start;gap:8px;margin:16px 0 0;padding-top:14px;font-size:.76rem;line-height:1.5;display:flex}.settings-card{padding:8px 18px}.settings-card h2{margin:0;padding:16px 0 10px}.toggle-row,.select-row,.settings-link{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:56px;font-size:.84rem;font-weight:700;display:flex;position:relative}.toggle-row input{opacity:0;width:1px;height:1px;position:absolute}.toggle-row i{background:#c6ccc7;border-radius:999px;width:46px;height:28px;transition:background .16s;position:relative}.toggle-row i:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0003}.toggle-row input:checked+i{background:var(--brand)}.toggle-row input:checked+i:after{transform:translate(18px)}.toggle-row input:focus-visible+i{outline:3px solid #135d4b33}.select-row select,.quiet-hours input{min-height:40px;color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);border-radius:9px;padding:0 9px}.quiet-hours{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;padding:10px 0 14px;display:grid}.quiet-hours label{color:var(--muted);gap:5px;font-size:.7rem;font-weight:700;display:grid}.test-alert-button{color:#721e16;background:#ffe1dd;border-color:#eea59b;width:100%;margin-top:12px}.safe-test-note,.saving-note{color:var(--muted);text-align:center;margin:8px 0 14px;font-size:.7rem}.settings-link span,.settings-link strong,.settings-link small{display:block}.settings-link small{color:var(--muted);margin-top:4px;font-weight:500}.limitations-card{color:#665035;background:#fff7e7;border-color:#e7d0a1}.limitations-card strong{font-size:.85rem}.limitations-card p{margin:7px 0 0;font-size:.75rem;line-height:1.55}.detail-loading,.app-loading{min-height:70vh;color:var(--muted);align-content:center;place-items:center;gap:12px;display:grid}.app-loading{color:#fff;background:#101b16;min-height:100vh}.spin{animation:.85s linear infinite spin}@keyframes shimmer{to{background-position:-300% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 #c8352575}70%{box-shadow:0 0 0 16px #c8352500}to{box-shadow:0 0 #c8352500}}@keyframes alert-enter{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=720px){.operator-header{padding-left:max(24px,50vw - 380px);padding-right:max(24px,50vw - 380px)}.bottom-nav{border-right:1px solid var(--line);border-left:1px solid var(--line);border-radius:20px 20px 0 0;width:min(100%,760px);left:auto;right:50%;transform:translate(50%)}}@media (width<=360px){.operator-header{gap:6px;padding-left:10px;padding-right:10px}.operator-header strong{max-width:112px}.connection-pill{padding:0 8px}.operator-main{padding-left:11px;padding-right:11px}.metric-grid{gap:6px}.metric-grid a{padding:11px 9px}.alert-actions,.reject-confirmation{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}