:root{--ink:#244633;--muted:#697468;--line:#e3e5db;--paper:#f7f8f1;--orange:#b84221}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.topbar{display:flex;align-items:center;gap:36px;background:#fff;padding:22px max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line)}.brand{font-size:29px;font-weight:900;letter-spacing:-1.5px}.brand span{color:#ed633e}.restaurant{font-size:13px;font-weight:750}.restaurant span{display:block;font-size:11px;color:var(--muted);margin-top:4px;font-weight:400}.topbar>.link{margin-left:auto}.link{border:0;background:transparent;padding:10px 0;min-height:44px;display:inline-flex;align-items:center;font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:4px}.dashboard{max-width:1248px;padding:36px 24px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--muted)}h1{font-size:46px;letter-spacing:-2px;margin:6px 0}.intro{color:var(--muted);font-size:14px;margin:8px 0}.qr-form{display:flex;align-items:center;gap:10px}.qr-form label{font-size:12px;font-weight:650}.qr-form input{width:68px;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:16px;min-height:44px}.qr-form button{background:#244633;color:#fff;padding:12px 16px;border:0;border-radius:8px;min-height:44px;font-size:12px;font-weight:750}.modebar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:32px}.segmented{display:flex;border:1px solid var(--line);padding:4px;border-radius:12px;background:#fff}.segmented button{border:0;border-radius:8px;background:transparent;padding:12px 16px;color:var(--muted);font-size:13px;min-height:44px;font-weight:700}.segmented button[aria-pressed=true]{background:#244633;color:white}#connection{font-size:11px;color:var(--muted)}.notice{padding:14px 18px;background:#f4e8c8;color:#725529;border-radius:10px;font-size:12px;line-height:1.6;margin:16px 0 22px}.error{background:#ffe9e1;color:#963517;padding:14px;border-radius:10px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stats>div{padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px}.stats span{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}.stats strong{font-size:30px;letter-spacing:-1px}.stats>div:last-child{background:#e5eddc}.stats>div:last-child strong{font-size:25px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:26px 0 18px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:white;color:var(--muted);min-height:44px;padding:10px 16px;border-radius:24px;font-size:12px;font-weight:700}.filters button[aria-pressed=true]{background:#244633;color:white;border-color:#244633}.orders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.order{padding:22px;background:#fff;border:1px solid var(--line);border-top:4px solid #e4ad69;border-radius:16px;min-width:0;display:flex;flex-direction:column}.order.preparing{border-top-color:#8fa979}.order.served{border-top-color:#c0c7bd}.order-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.order h2{font-size:26px;letter-spacing:-.9px;margin:0}.status{font-size:10px;font-weight:750;border-radius:20px;padding:7px 10px;background:#f7e8c8;white-space:nowrap}.preparing .status{background:#e7efdd}.served .status{background:#eff0eb}.meta{font-size:10px;color:var(--muted);margin:10px 0 18px}.items{list-style:none;padding:0;margin:0 0 20px}.items li{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.6;margin-bottom:10px}.items li span:first-child{min-width:0}.items li span:last-child{white-space:nowrap;font-size:11px;color:var(--muted)}.order-total{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;gap:12px;margin-top:auto;font-size:15px;font-weight:750}.payment{font-size:11px;color:#367048;margin:10px 0 16px}.payment.pending{color:#a35a20}.order button{background:#244633;color:white;border:0;border-radius:9px;min-height:44px;padding:12px;font-size:12px;font-weight:750}.order.served button{background:#edf1e7;color:#53624b}.empty{grid-column:1/-1;text-align:center;padding:55px 20px;background:white;border:1px dashed #d1d9c8;border-radius:16px}.empty h2{font-size:22px}.empty p{font-size:13px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:18px;margin-top:40px;font-size:11px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:1000px){.orders{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div{padding:18px}.stats>div:last-child strong{font-size:20px}}@media(max-width:650px){.topbar{padding:16px 18px;gap:14px;flex-wrap:wrap}.restaurant{display:none}.brand{font-size:27px}.dashboard{padding:24px 16px}.heading{align-items:flex-start;flex-direction:column;gap:14px}h1{font-size:38px}.qr-form{width:100%}.qr-form button{margin-left:auto}.modebar{flex-direction:column;align-items:flex-start;margin-top:24px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats strong{font-size:27px}.stats>div:last-child strong{font-size:19px}.orders{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column;gap:6px}.filters{gap:5px}.filters button{padding:10px 13px}.order{padding:20px}.notice{margin-bottom:16px}footer{flex-wrap:wrap}}

/* Each lane represents a stage of service. */
.board-title{font-size:20px;letter-spacing:-.5px;margin:0 0 6px}.board-help{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.orders{align-items:start;gap:16px}.order-lane{min-width:0;background:#eceee5;border:1px solid #e0e4d8;border-radius:18px;padding:12px}.lane-new{background:#f5eddd;border-color:#eadcc2}.lane-preparing{background:#e7eede;border-color:#d6e0ca}.lane-header{padding:8px 6px 18px}.lane-header h2{font-size:18px;margin:0;display:flex;align-items:center;gap:10px}.lane-header h2 span{font-size:12px;background:#fff9;border-radius:20px;padding:4px 9px}.lane-header p{font-size:11px;color:#67715e;margin:8px 0 0;line-height:1.5}.lane-cards{display:grid;gap:12px}.order{padding:18px;border-top-width:1px;box-shadow:0 2px 5px #24463304}.order .status{display:none}.order h2{font-size:25px}.lane-served .order{background:#f8f9f5}.served-note{font-size:11px;padding:12px 0;color:#62705a;border-top:1px solid var(--line)}.lane-empty{border:1px dashed #cbd2c0;border-radius:12px;padding:28px 12px;text-align:center;color:#6c7665;font-size:12px;background:#ffffff50}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1001px){.orders{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.orders{grid-template-columns:1fr;gap:22px}.lane-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.lane-empty{grid-column:1/-1}}@media(max-width:650px){.lane-cards{grid-template-columns:1fr}.toolbar{gap:10px}.board-help{font-size:11px}.order-lane{padding:10px}.lane-header{padding:10px 8px 18px}}

/* Compact service summary and table shortcuts. */
.qr-form .menu-button{background:#fff;color:#244633;border:1px solid #cad5c2}.modebar{margin-top:22px}.notice{padding:9px 12px;margin:10px 0 12px;font-size:11px}.stats{gap:0;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.stats>div{padding:13px 18px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent}.stats>div:last-child{border-right:0}.stats span{font-size:11px;margin-bottom:5px}.stats strong{font-size:23px;line-height:1.2}.stats>div:last-child strong{font-size:21px}.toolbar{margin-top:20px}.qr-form{flex-wrap:wrap}@media(max-width:650px){.qr-form{gap:8px}.qr-form button{margin-left:0;padding:11px 12px}.qr-form input{width:58px}.qr-form label{width:100%}.modebar{gap:7px}.notice{padding:8px 10px}.stats>div{padding:11px 14px}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.stats>div:last-child strong{font-size:19px}}
.rider-box{border-radius:10px;padding:10px 12px;margin:0 0 14px;background:#e6ebf5;color:#2f4370;font-size:12px;line-height:1.5}.rider-box b{display:block;font-size:13px}.rider-box a{text-decoration:underline}.rider-box span{display:block}.rider-box ol{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px}.rider-box li{color:#8a93a8}.rider-box li.done{color:#2f4370;font-weight:700}.rider-box.waiting{background:#f7e8c8;color:#725529}.rider-box.delivered{background:#e2eedb;color:#24603d}.rider-box.delivered li.done{color:#24603d}
.kitchens{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.pause{border:1px solid #cad5c2;background:#fff;color:#24603d;border-radius:20px;min-height:40px;padding:8px 14px;font-size:12px;font-weight:750}.pause.paused{background:#ffe9e1;border-color:#e6b8a6;color:#963517}.order.late{border-color:#d9653b;box-shadow:0 0 0 2px #d9653b55}.late-tag{color:#b84221}.order.cancelled{opacity:.7}.order button.cancel{background:transparent;color:#963517;border:0;min-height:40px;margin-top:6px;font-size:11px;text-decoration:underline;text-underline-offset:3px}.meta a{color:inherit}