:root{--bg: #202020;--panel: #2d2d2d;--panel-dark: #262626;--panel-deep: #151515;--border: #555;--work-border: #e4ce00;--text: #f3f4f6;--text-dim: #8d8d8d;--tab: #aaa;--tab-active: #d8d8d8;--blue: #3baeea;--accent: #4d9bef;--ok: #16864b;--skip: #dc2626;--cr: #e44359;--cor: #f0a33a;--cyl: #ffe02d;--csk: #36abe2;--cgr: #25844b;--cpk: #f52b80;--cpu: #7d4bd8;--csl: #ee6f74;--cyb: #f4df23;--cdg: #23854e;--cgn: #3fc776;--cc: #0891b2;--tile-disabled: #3d3d3d}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;overflow:hidden;background:#191919;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px}button,input{font:inherit}.app{display:grid;grid-template-columns:408px 408px minmax(0,1fr);grid-template-rows:52px minmax(0,1fr);width:100vw;height:100vh;overflow:hidden;background:var(--bg)}.topbar{grid-column:1 / -1;display:flex;align-items:stretch;min-width:0;height:52px;background:#1e1e1e;border-bottom:1px solid #333}.hamburger{width:66px;border:0;border-right:1px solid #343434;background:#202020;color:#d6d6d6;font-size:20px;cursor:pointer}.site-block{display:flex;flex-direction:column;justify-content:center;width:160px;padding:0 12px;border-right:1px solid #343434}.store{font-size:19px;font-weight:800;line-height:1}.restaurant{margin-top:7px;padding-top:3px;border-top:2px solid #aaa;font-weight:700}.status-stack{display:grid;grid-template-columns:8px 18px;gap:1px 4px;align-content:center;margin-left:auto;padding:3px 10px;color:#cfcfcf;font-size:11px}.dot{width:6px;height:6px;align-self:center;border-radius:50%}.dot.red{background:#ff2b2b}.dot.yellow{background:#ffc400}.dot.green{background:#1fcc5d}.dot.purple{background:#bd21d6}.drive-label{align-self:center;padding:0 18px 0 10px;border-left:1px solid #333;color:#f5f5f5;font-weight:700;line-height:1.05}.drive-label small{color:#8c8c8c;font-size:12px;font-weight:500}.clock{align-self:center;padding:0 12px;border-left:1px solid #444;font-size:26px;font-variant-numeric:tabular-nums;letter-spacing:0}.timezone{align-self:center;padding-right:16px;font-size:12px;font-weight:700;text-align:right;line-height:1.25}.summary{grid-column:1;grid-row:2;display:flex;flex-direction:column;min-height:0;padding:8px 10px;overflow:hidden;background:#2f2f2f;border-right:1px solid var(--border)}.summary h2{margin:0 0 12px;font-size:18px}.summary p{margin:0}.sum-line{display:flex;justify-content:space-between;width:100%;padding:7px 0;border-bottom:1px solid #3d3d3d;border-top:0;border-left:0;border-right:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.sum-line:hover{background:#383838}.sum-line .nm{font-weight:700}.sum-line .mods{padding-left:12px;color:var(--text-dim);font-size:12px}.grade{margin-top:12px;padding:12px;border-radius:6px;background:#232323}.grade .score{font-size:22px;font-weight:800}.grade .ok{color:#39d37a}.grade .bad{color:#f05252}.smart-prompt{margin-top:10px;padding:8px 10px;border-radius:4px;background:#1d4ed8;color:#fff;font-weight:900;text-transform:uppercase}.summary-footer{margin-top:auto;padding-bottom:2px}.total-line{display:flex;justify-content:space-between;align-items:center;margin:7px 0;font-weight:700}.total-line strong{font-size:17px}.toggle-row{display:flex;align-items:center;gap:9px;margin:8px 0;color:#d5d5d5;font-size:12px;font-weight:700}.toggle{width:29px;height:15px;border-radius:999px;background:#7d7d7d;position:relative}.toggle:before{content:"";position:absolute;top:1px;left:1px;width:13px;height:13px;border-radius:50%;background:#dedede}.summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.done-btn,.cancel-btn{height:31px;border:0;border-radius:2px;color:#fff;font-size:12px;font-weight:800}.done-btn{background:#555;color:#d0d0d0;cursor:pointer}.cancel-btn{background:#4497e9}.fixed-notes{margin:6px -10px;border:1px solid var(--work-border);background:#302f30}.fixed-title{padding:7px 8px;color:#fff;font-size:16px;font-weight:800}.fixed-title:before{content:"";display:inline-block;width:13px;height:2px;margin:0 8px 4px 0;border-top:2px solid var(--work-border);border-bottom:2px solid var(--work-border)}.fixed-body{min-height:34px;padding:9px;background:#f8f8f8;color:#555;font-weight:500}.center{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#2d2d2d;border-right:1px solid var(--border)}.tts-bar{min-height:52px;padding:14px;color:#9a9a9a;font-size:14px;font-weight:700;letter-spacing:1px}.chatlog{flex:1 1 auto;min-height:0;padding:10px;overflow-y:auto;border-bottom:1px solid #575757}.customer-bell{width:38px;height:38px;margin:4px auto;display:grid;place-items:center;border-radius:50%;background:#facc15;color:#111;font-size:20px;box-shadow:0 0 0 2px #8a6d00}.center-bottom{flex:0 0 505px;min-height:0;display:flex;flex-direction:column;border-top:1px solid #4d4d4d}.rail-tab{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;min-height:43px;padding:8px 14px}.rail-name{justify-self:center;color:#fff;font-size:12px;font-weight:900;text-transform:capitalize}.rail-tab .pill{justify-self:center;min-width:130px;padding:4px 10px;border-radius:2px;background:#25844b;color:#fff;font-size:11px;font-weight:800;text-align:center;text-transform:none}.rail-tab .pill.alt{min-width:auto;background:#4d9bef;font-size:9px}.prompt-grid{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:8px;min-height:0;padding:0 8px 8px;overflow-y:auto}.prompt-btn{position:relative;min-height:29px;border:0;border-radius:11px;background:#020202;color:#fff;padding:6px 12px;font-size:11px;font-weight:900;text-align:center;text-transform:uppercase;cursor:pointer}.prompt-btn:hover{background:#111}.prompt-btn .hk,.combo-btn .hk{position:absolute;top:-5px;right:6px;color:#9ad7ff;font-size:12px;font-weight:900}.upsell-card{margin:0 14px 8px;border-radius:3px;background:#7c4bd8;padding:9px}.upsell-title{margin-bottom:7px;color:#fff;font-weight:800}.upsell-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.combo-btn.skip{background:#f23b38}.combo-btn.accept{background:#46b84f}.searchbar{display:flex;gap:8px;padding:8px 12px;border-top:1px solid #4a4a4a}.searchbar input{width:100%;min-width:0;height:32px;padding:0 12px;border:1px solid #555;border-radius:2px;background:#303030;color:#ddd}.work{grid-column:3;grid-row:2;display:grid;grid-template-rows:92px minmax(0,1fr);min-width:0;min-height:0;padding:48px 0 6px 12px;overflow:hidden;background:#2d2d2d}.work.item-open{grid-template-rows:minmax(0,1fr)}.tab-board{align-self:end;display:grid;grid-template-columns:repeat(8,minmax(112px,1fr));grid-auto-rows:41px;gap:2px;padding-right:4px}.woz-tab{border:0;background:var(--tab);color:#171717;font-size:12px;font-weight:900;cursor:pointer;text-align:center}.woz-tab.active{background:var(--tab-active);color:#4d9bef}.work-surface{min-width:0;min-height:0;overflow:hidden;border:2px solid var(--work-border);background:#2b2b2b}.menu-grid{display:grid;grid-template-columns:repeat(10,minmax(82px,132px));grid-auto-rows:112px;gap:4px;align-content:start;min-width:100%;min-height:100%;padding:4px;overflow:auto}.tile{position:relative;border:0;border-radius:8px;color:#111;background:var(--tile-disabled);font-size:11px;font-weight:900;line-height:1.25;text-align:center;text-transform:uppercase;cursor:pointer}.menu-tile{width:100%;height:100%;padding:8px}.tile:hover{filter:brightness(1.08)}.tile.disabled{background:var(--tile-disabled);color:#8a8a8a;cursor:not-allowed;opacity:.8;pointer-events:none}.menu-tile.disabled{pointer-events:auto}.tile-kb{position:absolute;top:4px;right:7px;color:#8ed5ff;font-size:14px;font-weight:900;text-shadow:0 0 2px #000}.tile.cr{background:var(--cr);color:#fff}.tile.cor{background:var(--cor);color:#151515}.tile.cyl{background:var(--cyl);color:#111}.tile.csk{background:var(--csk);color:#111}.tile.cgr{background:var(--cgr);color:#fff}.tile.cpk{background:var(--cpk);color:#fff}.tile.cpu{background:var(--cpu);color:#fff}.tile.csl{background:var(--csl);color:#111}.tile.cyb{background:var(--cyb);color:#111}.tile.cdg{background:var(--cdg);color:#fff}.tile.cgn{background:var(--cgn);color:#111}.tile.cc{background:var(--cc);color:#fff}.tile.co{background:#ff6a2e;color:#111}.tile.cg{background:#3fc776;color:#111}.tile.cb{background:#36abe2;color:#111}.tile.cy{background:#f7b13b;color:#111}.tile.cp{background:#7d4bd8;color:#fff}.itemview{position:relative;width:100%;height:100%;overflow-y:auto;padding:22px 14px 70px;background:#050505}.item-title-row{display:flex;align-items:flex-start;gap:18px;min-height:28px;padding-right:112px}.itemview h2{margin:0 0 8px;font-size:22px}.title-mods{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}.title-mods span{color:#ff4a93;font-size:11px;font-weight:900;line-height:1.05}.combo-sub{margin:-4px 0 6px;color:#2094f3;font-size:12px;font-weight:900;line-height:1.35}.close-x{position:absolute;top:18px;right:18px;width:20px;height:20px;border:1px solid #fff;border-radius:50%;background:#1b1b1b;color:#fff;cursor:pointer}.comment-button{position:absolute;top:62px;right:18px;min-width:68px;min-height:34px;border:0;border-radius:5px;background:#2196f3;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.defaults-box{width:max-content;max-width:calc(100% - 24px);margin:10px 0 12px;padding:8px;border:2px solid #148649;border-radius:2px}.defaults-box .lbl{margin-bottom:7px;color:#bdbdbd;font-size:12px;font-weight:800}.def-row{display:flex;flex-wrap:wrap;gap:7px}.def-row .tile{min-width:78px;min-height:56px;border-radius:4px}.default-ingr-tile{position:relative;min-width:86px;min-height:55px;padding:7px 10px;border-radius:3px;text-transform:none;cursor:pointer}.combo-row{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 34px}.combo-btn{position:relative;min-height:29px;border:0;border-radius:3px;background:#4d9bef;color:#fff;padding:7px 13px;font-size:11px;font-weight:900;text-transform:uppercase;cursor:pointer}.combo-btn.disabled{background:#262626;color:#5f5f5f;cursor:not-allowed;pointer-events:none}.add-dish{position:absolute;right:16px;bottom:16px;min-width:86px;min-height:31px}.sec-label{margin:18px 0 10px;color:#969696;font-size:17px;font-weight:800}.sec-label.sub{margin:13px 0 8px;font-size:15px}.sec-label.with-sizes{display:flex;align-items:center;gap:7px}.size-chip{position:relative;min-width:50px;height:27px;border:0;border-radius:3px;background:#23854e;color:#fff;font-size:11px;font-weight:900;cursor:pointer}.size-chip.active{background:#4d9bef}.size-chip span{position:absolute;top:-5px;right:4px;color:#9ad7ff;font-size:11px}.itemview .tile-grid{display:grid;grid-template-columns:repeat(9,82px);grid-auto-rows:82px;gap:6px;align-content:start;overflow:visible}.combo-detail{display:grid;grid-template-columns:minmax(480px,1fr) minmax(260px,440px);gap:22px 34px;align-items:start;padding-right:120px}.combo-detail.drinks-focused{grid-template-columns:minmax(640px,1fr);padding-right:120px}.combo-drink-bottom{grid-column:1}.combo-drink-bottom .drink-mod-grid{grid-template-columns:repeat(6,82px)}.combo-options-grid{display:grid;gap:6px}.fries-grid{grid-template-columns:repeat(4,minmax(120px,180px));grid-auto-rows:51px}.drinks-grid{grid-template-columns:repeat(4,minmax(130px,180px));grid-auto-rows:48px}.combo-options-grid .tile,.drink-mod-grid .tile,.mod-compact-grid .tile,.charge-compact-grid .tile{min-height:0;border-radius:3px;padding:6px;text-transform:none}.drink-tabs{display:grid;grid-template-columns:repeat(3,1fr);max-width:520px;margin:0 0 8px;color:#8d8d8d;font-size:12px;font-weight:900;text-align:center}.drink-tabs span{padding-bottom:8px;border-bottom:2px solid transparent}.drink-tabs .active{color:#fff;border-bottom-color:#fff}.mod-compact-grid,.charge-compact-grid,.drink-mod-grid{display:grid;grid-template-columns:repeat(5,82px);grid-auto-rows:82px;gap:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.itemview .tile-grid .tile{min-width:0;min-height:0;padding:6px;border-radius:4px;text-transform:none}.tile.selected{outline:3px solid #ff2738;outline-offset:-3px}.tile .qty{position:absolute;right:7px;bottom:4px;color:#fff;font-size:19px;letter-spacing:8px}.action-popup{z-index:50;display:flex;border:1px solid #444;border-radius:6px;background:#2b2b2b;box-shadow:0 8px 24px #0000008c}.action-popup button{position:relative;min-width:62px;min-height:38px;border:0;border-right:1px solid #454545;background:transparent;color:#fff;padding:8px 10px;font-size:10px;font-weight:900;cursor:pointer}.action-popup button:last-child{border-right:0}.action-popup button:hover{background:#3a3a3a}.action-popup button .num{position:absolute;top:2px;right:4px;color:#8ed5ff;font-size:9px}.pending-mods{position:sticky;bottom:48px;display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 0;padding:6px 0;background:#000}.pending-mods span{border:1px solid #2f6f45;border-radius:3px;padding:5px 7px;background:#102418;color:#d1fae5;font-size:11px;font-weight:800}.fries-mod-panel{display:grid;gap:16px}.fries-side-grid{display:grid;grid-template-columns:repeat(5,minmax(72px,1fr));gap:8px}.fries-side-grid.single{grid-template-columns:minmax(72px,90px)}.fries-side-grid.compact{grid-template-columns:repeat(4,minmax(72px,1fr))}.fries-side-grid .tile{min-height:80px;border-radius:3px}.start-screen,.session-screen{display:grid;place-items:center;width:100vw;height:100vh;overflow:hidden;background:#030303;color:#f4f4f4}.start-card{width:272px;text-align:center}.start-card h1{margin:0 0 18px;color:#ffdc00;font-size:45px;font-weight:1000;letter-spacing:4px}.start-card h2,.session-card h1,.order-menu h1{margin:0 0 14px;color:#f4f4f4;font-size:18px;font-weight:900}.start-card label{display:block;margin:12px 0;text-align:left}.start-card label span{display:block;margin-bottom:6px;color:#777;font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.start-card input{width:100%;height:30px;border:1px solid #222;border-radius:4px;background:#0b0b0b;color:#eee;padding:0 10px;outline:none}.start-card input:focus{border-color:#1f5fae}.start-card button{width:100%;height:31px;margin-top:2px;border:0;border-radius:4px;background:#0f3268;color:#fff;font-weight:800;cursor:pointer}.start-card button:disabled{opacity:.45;cursor:not-allowed}.start-card small{display:block;margin-top:18px;color:#1e1e1e;font-size:9px}.session-card,.order-menu{width:min(620px,calc(100vw - 32px));text-align:center}.session-card p,.order-menu p{margin:-4px 0 18px;color:#8b5cf6;font-size:11px;font-weight:800}.session-grid{display:grid;grid-template-columns:repeat(5,106px);justify-content:center;gap:9px}.session-tile,.gp-order-tile{position:relative;border:1px solid #282828;border-radius:7px;background:#121212;color:#d7d7d7;cursor:pointer}.session-tile{position:relative;min-height:94px;padding:12px 8px}.session-tile strong,.session-tile span,.session-tile em,.session-tile small{display:block}.session-tile strong{color:#fff;font-size:12px}.session-tile span,.session-tile small{margin-top:4px;color:#555;font-size:9px}.session-tile em{margin-top:4px;color:#f59e0b;font-size:10px;font-style:normal;font-weight:800}.session-tile.locked{color:#444;cursor:not-allowed;opacity:.65}.session-tile .lock{margin-bottom:5px;color:#a16207}.subtle-btn{margin-top:14px;border:0;border-radius:4px;background:#222;color:#aaa;padding:6px 14px;font-size:11px;font-weight:800;cursor:pointer}.gp-order-grid{display:grid;grid-template-columns:repeat(6,108px);justify-content:center;gap:7px}.gp-order-tile{min-height:58px;padding:7px}.gp-order-tile strong,.gp-order-tile span{display:block}.gp-order-tile strong{color:#f59e0b;font-size:24px;line-height:1}.gp-order-tile span{margin-top:6px;color:#666;font-size:9px}.gp-order-tile.done{border-color:#1f6f46;box-shadow:inset 0 0 0 1px #1f6f46}.picker-actions{display:flex;justify-content:center;gap:8px}.order-picker{display:flex;gap:8px;flex-wrap:wrap;padding:10px 14px}.order-picker button{border:1px solid #333;border-radius:6px;background:#0f0f0f;color:var(--text);padding:6px 12px;cursor:pointer}.order-picker button.active{background:var(--accent);border-color:var(--accent)}.prompt-bubble{width:max-content;max-width:86%;margin:5px 10px 5px auto;padding:7px 12px;border-radius:14px;background:#4197e6;color:#fff;font-weight:800;text-align:left}.feedback-banner{position:absolute;z-index:5;top:34px;left:12px;right:12px;padding:9px 12px;border-radius:4px;background:#b91c1c;color:#fff;font-weight:900;text-align:center}.feedback-close{position:absolute;top:5px;right:7px;width:20px;height:20px;border:0;border-radius:50%;background:#00000047;color:#fff;font-weight:900;cursor:pointer}.order-nav{position:fixed;z-index:30;top:5px;left:74px;display:flex;align-items:center;gap:6px;color:#ffb121;font-size:11px;font-weight:900}.order-nav button{min-height:22px;border:1px solid #333;border-radius:4px;background:#202020;color:#cfcfcf;padding:3px 9px;font-size:10px;font-weight:900;cursor:pointer}.order-nav button:first-child{background:#2b7edb;color:#fff}.order-nav button:disabled{opacity:.45;cursor:not-allowed}.result-dot{position:absolute;top:8px;right:9px;width:10px;height:10px;border-radius:50%}.result-dot.correct{background:#2bd46f}.result-dot.wrong{background:#f05252}.result-backdrop{z-index:70}.result-modal{position:relative;width:min(420px,calc(100vw - 36px));padding:28px 30px 24px;border-radius:4px;background:#3f3f3f;box-shadow:0 24px 60px #0009;color:#fff;text-align:center}.result-modal h2{margin:0 0 10px;font-size:22px}.result-modal p{margin:0;color:#d7d7d7;font-size:13px;line-height:1.45}.result-modal.correct{outline:2px solid #2bd46f}.result-modal.wrong{outline:2px solid #f05252}.result-status-dot{position:absolute;top:12px;right:14px;width:14px;height:14px;border-radius:50%}.result-modal.correct .result-status-dot{background:#2bd46f}.result-modal.wrong .result-status-dot{background:#f05252}.result-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.result-actions button{min-height:32px;border:0;border-radius:4px;background:#4898e8;color:#fff;padding:6px 16px;font-weight:900;cursor:pointer}.waiting-screen{position:relative;display:grid;place-items:center;width:100vw;height:100vh;background:#111;color:#fff}.waiting-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#141414cc,#141414cc),repeating-linear-gradient(90deg,#2f2f2f 0 1px,transparent 1px 408px),#2a2a2a;filter:blur(3px)}.waiting-top{position:absolute;z-index:1;top:10px;left:92px;color:#ff2525;font-size:18px;font-weight:900}.waiting-card{position:relative;z-index:1;display:grid;gap:4px;min-width:170px;padding:14px 18px;border-radius:3px;background:#666;text-align:center}.waiting-card span{color:#ffbf24;font-size:12px;font-weight:900}.disabled-menu-backdrop,.modal-backdrop{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0}.disabled-menu{position:fixed;display:grid;gap:8px;min-width:190px;max-width:360px;max-height:70vh;padding:12px;overflow:auto;border-radius:4px;background:#444;box-shadow:0 18px 40px #00000073}.disabled-menu button,.woz-modal button{min-height:34px;border:0;border-radius:3px;color:#fff;background:#9c27d3;font-weight:900;text-transform:uppercase}.alias-list{display:grid;gap:4px;max-height:260px;overflow:auto;padding:6px;background:#2b2b2b}.alias-list span{padding:3px 0;color:#eee;font-size:12px}.modal-backdrop{display:grid;place-items:center;background:#0000009e}.woz-modal{position:relative;display:grid;gap:12px;width:min(330px,calc(100vw - 32px));padding:28px 46px 26px;border-radius:3px;background:#4b4b4b;box-shadow:0 20px 44px #00000080}.woz-modal h2{margin:0 0 6px;font-size:15px}.edit-line-modal{width:min(300px,calc(100vw - 32px))}.comment-modal{position:relative;width:min(820px,calc(100vw - 56px));max-height:calc(100vh - 80px);padding:24px;overflow:auto;border-radius:3px;background:#454545;box-shadow:0 22px 54px #0000008c}.comment-modal h2{margin:0 0 18px;font-size:22px}.comment-groups{display:grid;grid-template-columns:1.2fr 1.1fr 1.1fr 1.2fr 1fr;gap:28px;padding-top:14px;border-top:1px solid #5a5a5a}.comment-group h3{margin:0 0 10px;color:#f0f0f0;font-size:15px}.comment-group label{display:flex;align-items:center;gap:8px;min-height:28px;color:#f0f0f0;font-size:13px;font-weight:700}.comment-group input{width:14px;height:14px}.comment-done{width:100%;min-height:34px;margin-top:26px;border:0;border-radius:3px;background:#4898e8;color:#fff;font-weight:900}.modal-close{position:absolute;top:10px;right:10px;width:22px;min-height:22px!important;border-radius:50%!important;background:transparent!important;border:1px solid #ddd!important;padding:0}.modal-option.option-1{background:#07989a}.modal-option.option-2{background:#b40000}.modal-option.option-3{background:#55752c}.modal-option.option-4{background:#ff8b00}.modal-option.option-5{background:#090b90}.modal-option.option-6{background:#050505}.modal-option.option-7{background:#d41010}.modal-option.option-8{background:#785070}.modal-option.option-9{background:#4898e8}@media (max-width: 1280px){.app{grid-template-columns:300px 330px minmax(0,1fr)}.menu-grid{grid-template-columns:repeat(10,minmax(76px,1fr));grid-auto-rows:94px}.tab-board{grid-template-columns:repeat(8,minmax(96px,1fr))}}