:root{--primary: #e8590c;--primary-dark: #c2410c;--bg: #fff8f2;--card: #ffffff;--text: #222222;--muted: #7a7a7a;--line: #f0e4d8;--ok: #2b8a3e;--danger: #c92a2a;--warn-bg: #fff4e6;font-family:system-ui,-apple-system,Sukhumvit Set,Noto Sans Thai,sans-serif;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%}*{box-sizing:border-box}body,h1,h2,h3{margin:0}h1{font-size:1.35rem}h2{font-size:1.05rem;margin:18px 0 8px}h3{font-size:1rem;margin-bottom:8px}p{margin:4px 0}button,input,textarea,select{font:inherit}.app{max-width:520px;margin:0 auto;padding:16px 16px 120px;min-height:100vh}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger);margin:10px 0}.shop-head{padding:8px 0 12px}.shop-head p{color:var(--muted)}.chip{display:inline-block;margin-top:8px;padding:4px 10px;border-radius:999px;background:#ffe8d6;color:var(--primary-dark);font-size:.85rem}.banner{background:var(--warn-bg);border-radius:10px;padding:10px 12px;margin:10px 0}.banner.ok{background:#ebfbee;color:var(--ok)}.notice{max-width:480px;margin:60px auto;padding:24px;text-align:center}.item{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:8px;cursor:pointer}.item:disabled{opacity:.5;cursor:not-allowed}.item .desc{color:var(--muted);font-size:.85rem;margin-top:2px}.item .price{white-space:nowrap;font-weight:600;color:var(--primary-dark)}.tag{display:inline-block;font-size:.72rem;padding:1px 6px;border-radius:6px;background:#ffe8d6;color:var(--primary-dark);margin-left:6px;vertical-align:middle}.cartbar{position:fixed;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--primary);color:#fff;box-shadow:0 -4px 16px #00000014}.cartbar button{background:#fff;color:var(--primary-dark);border:0;border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:10}.sheet{width:100%;max-width:520px;max-height:88vh;overflow-y:auto;background:var(--card);border-radius:16px 16px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.group{border:1px solid var(--line);border-radius:10px;padding:8px 10px 4px;margin:10px 0}.group legend{padding:0 4px;font-weight:600}.group legend small{color:var(--muted);font-weight:400}.opt{display:flex;align-items:center;gap:8px;padding:8px 2px;border-top:1px solid #f7efe7;cursor:pointer}.opt:first-of-type{border-top:0}.opt span{flex:1}.opt em{font-style:normal;color:var(--muted)}textarea,input[type=datetime-local]{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff;margin:6px 0}textarea{min-height:64px;resize:vertical}.stepper{display:inline-flex;align-items:center;gap:12px}.stepper button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:1.1rem;cursor:pointer}.qty-row{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.primary,.secondary{width:100%;border-radius:12px;padding:14px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:12px}.primary{background:var(--primary);color:#fff;border:0}.primary:disabled{background:#d9c9bb;cursor:not-allowed}.secondary{background:#fff;color:var(--primary-dark);border:1px solid var(--primary)}.link{background:none;border:0;color:var(--primary-dark);cursor:pointer;padding:4px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin:10px 0}.radio-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;background:#fff;cursor:pointer}.radio-row.on{border-color:var(--primary);background:#fff4ec}.line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f7efe7}.line:last-child{border-bottom:0}.line .sub{color:var(--muted);font-size:.85rem}.total{display:flex;justify-content:space-between;border-top:2px solid var(--line);padding-top:10px;margin-top:6px;font-size:1.05rem}.status-head{text-align:center;padding:8px 0 4px}.queue{margin:8px 0}.queue span{display:block;color:var(--muted)}.queue strong{font-size:3.2rem;color:var(--primary-dark);line-height:1}.status{font-size:1.15rem;font-weight:600}.pay{text-align:center}.qr{width:260px;max-width:80%;height:auto;border-radius:10px}.item-img{width:72px;height:72px;object-fit:cover;border-radius:10px;flex-shrink:0;background:#f3ece5}.item-text{flex:1;min-width:0}.order-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.order-q{font-size:1.4rem;color:var(--primary-dark)}.order .line{padding:6px 0}.link.danger{color:var(--danger);display:block;margin:10px auto 0}.mono{font-family:ui-monospace,Menlo,monospace;word-break:break-all;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px}.banner.warn{background:#fff0f0;color:var(--danger)}.slip-pick{margin:8px 0 0}.slip-btn{display:block;box-sizing:border-box;text-align:center}.slip-btn.busy{opacity:.6;pointer-events:none}.slip-box{margin:8px 0 0}.slip-note{margin:6px 0;font-size:.9rem;color:var(--ok)}.slip-note.warn{color:var(--danger)}.slip-img{display:block;width:100%;max-height:70vh;object-fit:contain;border:1px solid var(--line);border-radius:10px;margin-top:8px;background:#fff}.last-order{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--primary);border-radius:12px;color:var(--text);text-decoration:none}.last-order>span:first-child,.last-order .text{flex:1;min-width:0}.last-order strong{display:block}.last-order .sub{display:block;color:var(--muted);font-size:.85rem;margin-top:2px}.last-order .arrow{color:var(--primary-dark);font-size:1.3rem}.last-order.attention{border-left-color:var(--danger);background:#fff5f5}.last-order.attention .sub{color:var(--danger);font-weight:600}.last-order.closed{border-left-color:#adb5bd;background:#f8f9fa}.link.danger.armed{background:var(--danger);color:#fff;border-radius:10px;padding:12px 14px;width:100%;font-weight:700;box-shadow:0 0 0 3px #c92a2a40;animation:armed-pulse 1s ease-in-out infinite}@keyframes armed-pulse{50%{box-shadow:0 0 0 6px #c92a2a1f}}@media (prefers-reduced-motion: reduce){.link.danger.armed{animation:none}}.order{border-left:8px solid #adb5bd}.order.tone-unpaid{border-left-color:#e03131;background:#fff5f5}.order.tone-slip{border-left-color:#7048e8;background:#f6f3ff}.order.tone-paid{border-left-color:#2f9e44;background:#f1fbf3}.order.tone-cooking{border-left-color:#f08c00;background:#fff9e8}.order.tone-ready{border-left-color:#1971c2;background:#edf6ff}.order.tone-served{border-left-color:#868e96;background:#f8f9fa}.order.tone-cancelled{border-left-color:#495057;background:#f1f3f5;opacity:.85}.badges{margin:4px 0 6px;display:flex;flex-wrap:wrap;gap:6px}.tone-chip,.pay-chip{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.85rem;font-weight:700;border:1px solid transparent}.pay-chip{background:#fff;color:var(--muted);border-color:var(--line);font-weight:600}.tone-chip.tone-unpaid{background:#ffe3e3;color:#c92a2a}.tone-chip.tone-slip{background:#e5dbff;color:#5f3dc4}.tone-chip.tone-paid{background:#d3f9d8;color:#2b8a3e}.tone-chip.tone-cooking{background:#ffec99;color:#8a5a00}.tone-chip.tone-ready{background:#d0ebff;color:#1864ab}.tone-chip.tone-served{background:#e9ecef;color:#495057}.tone-chip.tone-cancelled{background:#dee2e6;color:#343a40}.legend{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}.tabs{display:flex;gap:6px;margin:4px 0 12px}.tab,.filter{flex:1;padding:10px 8px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--text);cursor:pointer}.tab.on{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}.filters{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.filter{flex:0 0 auto;padding:6px 12px;border-radius:999px;font-size:.9rem}.filter.on{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;font-weight:600}.day-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 8px}.day-nav .secondary{width:auto;padding:8px 10px;font-size:.9rem}.day-nav strong{text-align:center;flex:1}.summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary div{display:flex;flex-direction:column}.summary strong{font-size:1.2rem}.chan-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:-14px -14px 8px;padding:10px 14px;border-radius:0 13px 0 0;color:#fff;background:#495057}.chan-main{display:flex;flex-direction:column;min-width:0}.chan-head .order-q{color:#fff;line-height:1.1}.chan-label{font-weight:700;font-size:.95rem}.chan-meta{font-size:.8rem;opacity:.9;white-space:nowrap;align-self:flex-start}.chan-head.chan-dine_in,.chan-chip.chan-dine_in{background:#0b7285}.chan-head.chan-takeaway,.chan-chip.chan-takeaway{background:#a61e4d}.chan-head.chan-preorder,.chan-chip.chan-preorder{background:#364fc7}.chan-chip{display:inline-block;padding:2px 10px;border-radius:6px;font-size:.85rem;font-weight:700;color:#fff}.legend-sep{color:var(--muted);align-self:center}.last-order-wrap{margin:0 0 12px}.last-order-wrap .last-order{margin-bottom:0}.reorder{display:block;width:100%;margin-top:6px;padding:9px;border-radius:10px;cursor:pointer;background:#fff;border:1px dashed var(--primary);color:var(--primary-dark);font-weight:600}.cat-tabs{position:sticky;top:0;z-index:5;display:flex;gap:6px;overflow-x:auto;margin:0 -16px 4px;padding:8px 16px;background:var(--bg);scrollbar-width:none;border-bottom:1px solid var(--line)}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{flex:0 0 auto;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--text);cursor:pointer;white-space:nowrap}.cat-tab.on{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}.menu-section{scroll-margin-top:56px}.item-row{display:flex;align-items:stretch;gap:8px}.item-row .item{flex:1;min-width:0;width:auto}.quick-add{flex:0 0 46px;align-self:center;height:46px;margin-bottom:8px;border-radius:50%;border:0;background:var(--primary);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:0 2px 6px #0003}.quick-add:active{transform:scale(.92)}.tag.in-cart{background:#d3f9d8;color:#2b8a3e}.steps{list-style:none;display:flex;justify-content:space-between;margin:12px 0 4px;padding:0;position:relative}.steps:before{content:"";position:absolute;left:12%;right:12%;top:14px;height:3px;background:var(--line);z-index:0}.steps li{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:.8rem}.steps .dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--line);font-weight:700}.steps li.done{color:var(--ok)}.steps li.done .dot{background:var(--ok);border-color:var(--ok);color:#fff}.steps li.current{color:var(--primary-dark);font-weight:700}.steps li.current .dot{border-color:var(--primary);color:var(--primary-dark);box-shadow:0 0 0 4px #e8590c2e}.ready-card{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;margin:10px 0;padding:18px 12px;background:#2b8a3e;color:#fff;border-radius:14px;animation:ready-pulse 1.6s ease-in-out infinite}.ready-card .big{font-size:3rem;font-weight:800;line-height:1.1}@keyframes ready-pulse{50%{box-shadow:0 0 0 10px #2b8a3e33}}@media (prefers-reduced-motion: reduce){.ready-card{animation:none}}.sound-btn{display:block;width:100%;margin:0 0 10px;padding:12px;border-radius:12px;cursor:pointer;font-weight:700;background:#fff3bf;border:2px dashed #f08c00;color:#8a5a00}.sound-on{margin:0 0 6px}.order.fresh{box-shadow:0 0 0 3px #f08c00;animation:fresh-pulse 1.2s ease-in-out infinite}@keyframes fresh-pulse{50%{box-shadow:0 0 0 7px #f08c0040}}@media (prefers-reduced-motion: reduce){.order.fresh{animation:none}}.new-flag{background:#fff;color:#c92a2a;padding:1px 7px;border-radius:999px;font-size:.75rem;margin-right:4px}.age{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.85rem;font-weight:700;background:#f1f3f5;color:#495057}.age-warn{background:#ffd8a8;color:#a64b00}.age-late{background:#c92a2a;color:#fff}.age-future{background:#e5dbff;color:#5f3dc4}.todo ul{margin:6px 0 0;padding-left:0;list-style:none}.todo li{padding:5px 0;border-top:1px solid var(--line)}.todo li:first-child{border-top:0}.todo-qty{color:var(--primary-dark);font-weight:800;font-size:1.1rem}.todo-variants{color:var(--muted);font-size:.9rem}.kitchen-grid{display:block}.kcol.is-empty{display:none}.empty-note{margin:4px 0 8px}@media (min-width: 900px){.app.staff{max-width:1400px;padding-left:20px;padding-right:20px}.kitchen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.kcol.is-empty{display:block;opacity:.55}.kcol>h2{position:sticky;top:0;background:var(--bg);padding:6px 0;z-index:1;margin-top:0}.kcol.sec-future{grid-column:1 / -1}.future-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.switch-row:first-of-type{border-top:0}.switch{min-width:84px;padding:9px 14px;border-radius:999px;border:0;font-weight:700;cursor:pointer;color:#fff}.switch.on{background:#2b8a3e}.switch.off{background:#868e96}.switch.armed{background:var(--danger);box-shadow:0 0 0 3px #c92a2a40}.switch:disabled{opacity:.6}.manage h4{margin:12px 0 0;color:var(--muted)}.sold{color:var(--muted);text-decoration:line-through}.search{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px}.board{min-height:100vh;padding:16px 24px;background:#fff8f2;display:flex;flex-direction:column}.board-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.board-head h1{margin:0}.board-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1;margin:14px 0}.board-col{border-radius:20px;padding:16px 20px}.board-col h2{margin:0 0 12px;font-size:clamp(1.4rem,3.5vw,2.4rem)}.board-col.cooking{background:#fff3bf;color:#8a5a00}.board-col.ready{background:#2b8a3e;color:#fff}.board-nums{display:flex;flex-wrap:wrap;gap:14px}.board-nums .num{min-width:1.6em;text-align:center;font-size:clamp(3rem,11vw,7rem);font-weight:800;line-height:1.1;padding:0 12px;border-radius:16px;background:#ffffff8c}.board-col.ready .num{background:#fff3}.board-col.ready .num.new{background:#fff;color:#2b8a3e;animation:ready-pulse 1.2s ease-in-out infinite}.board-nums .none{font-size:3rem;opacity:.5}.board-foot{text-align:center;color:var(--muted);font-size:1.2rem}@media (max-width: 600px){.board-cols{grid-template-columns:1fr}}