.app-shell[data-view=order]{--s1-navy:#163568;--s1-blue:#2f73ff;--s1-blue-pressed:#215bd4;--s1-purple:#8552d7;--s1-bg:#f7f9fd;--s1-surface:#fff;--s1-surface-soft:#f3f6fb;--s1-border:#dde4ee;--s1-text:#12264a;--s1-muted:#67738a;--s1-success:#28b66f;--s1-disabled:#b9c2d0;background:var(--s1-bg);color:var(--s1-text)}.app-shell[data-view=order] .topbar{border-bottom:1px solid var(--s1-border);background:#fffffff5}.brand-logo-topbar{object-fit:contain;object-position:center;background:#fff;border-radius:10px;width:40px;height:40px;padding:3px}.app-shell[data-view=order] .brand-copy strong{color:var(--s1-navy)}.app-shell[data-view=order] .brand-copy span{color:var(--s1-muted)}.app-shell[data-view=order] .state-pill{border-color:var(--s1-border);color:var(--s1-navy);background:#fff}.stage1-order{gap:14px}.stage1-order-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:4px 2px 0;display:flex}.stage1-order-header>div{gap:4px;display:grid}.stage1-kicker{letter-spacing:.06em;color:var(--s1-blue);font-size:12px;font-weight:800}.stage1-order-header h1{letter-spacing:-.02em;color:var(--s1-navy);margin:0;font-size:28px;line-height:1.18}.stage1-order-header p{max-width:34ch;color:var(--s1-muted);margin:0;font-size:12px;line-height:1.55}.stage1-service-mode{border:1px solid var(--s1-border);min-width:58px;color:var(--s1-navy);text-align:center;background:#fff;border-radius:12px;flex:none;padding:9px 12px;font-size:12px}.stage1-search{gap:6px}.stage1-search span{color:var(--s1-navy);font-size:12px;font-weight:800}.stage1-search input{border:1px solid var(--s1-border);min-height:50px;color:var(--s1-text);background:#fff;border-radius:14px;padding:0 15px;box-shadow:0 3px 14px #12264a0a}.stage1-search input:focus{border-color:var(--s1-blue);box-shadow:0 0 0 3px #2f73ff1c}.stage1-category-rail{gap:8px;padding:0 1px 2px}.stage1-category-rail button{border:1px solid var(--s1-border);min-height:48px;color:var(--s1-muted);background:#fff;border-radius:12px;padding:0 14px;font-size:12px}.stage1-category-rail button.active{background:var(--s1-navy);border-color:var(--s1-navy);color:#fff}.stage1-section-title{justify-content:space-between;align-items:end;gap:12px;padding-top:2px;display:flex}.stage1-section-title>div{gap:2px;display:grid}.stage1-section-title span{color:var(--s1-navy);font-size:18px;font-weight:800}.stage1-section-title small{color:var(--s1-muted);font-size:11px}.stage1-section-title>b{color:var(--s1-success);background:#e8f8ef;border-radius:8px;padding:6px 8px;font-size:10px}.stage1-section-title>b.muted{color:var(--s1-muted);background:var(--s1-surface-soft)}.stage1-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.stage1-product-card{border:1px solid var(--s1-border);background:#fff;border-radius:16px;gap:0;min-height:210px;padding:0;position:relative;overflow:hidden;box-shadow:0 6px 20px #12264a0e}.stage1-product-card:active:not(:disabled){transform:translateY(1px)}.product-media{aspect-ratio:1;border-bottom:1px solid var(--s1-border);background:#f2f4f8;width:100%;display:block}.stage1-product-copy{gap:5px;padding:12px;display:grid}.stage1-product-copy strong{color:var(--s1-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.stage1-product-copy small{color:var(--s1-navy);font-size:14px;font-weight:800}.stage1-product-copy i{min-height:14px;color:var(--s1-blue);font-size:10px}.stage1-product-card.disabled{opacity:.6;filter:none}.stage1-soldout{color:#fff;background:#12264ae0;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:800;position:absolute;top:10px;right:10px}.stage1-product-add{background:var(--s1-blue);color:#fff;pointer-events:none;border-radius:12px;place-items:center;width:48px;height:48px;font-size:28px;font-weight:500;line-height:1;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 8px 18px #2f73ff3d}.stage1-product-card:active:not(:disabled) .stage1-product-add{background:var(--s1-blue-pressed)}.stage1-product-card.disabled .stage1-product-add{display:none}.stage1-product-copy{padding-right:64px}.stage1-cart-bar{background:var(--s1-navy);color:#fff;border-radius:16px;bottom:84px;box-shadow:0 12px 28px #16356838}.stage1-cart-bar .stage1-cart-count{grid-template-columns:auto 1fr;align-items:center;gap:7px;display:grid}.stage1-cart-bar .stage1-cart-count b{width:auto;min-width:30px;height:28px;color:var(--s1-navy);background:#fff;border-radius:8px;padding:0 8px}.stage1-cart-bar small{color:#d7e1f4}.app-shell[data-view=order] .bottom-nav{border-top:1px solid var(--s1-border);background:#fffffff7}.app-shell[data-view=order] .bottom-nav button{min-height:58px;color:var(--s1-muted);border-radius:10px}.app-shell[data-view=order] .bottom-nav button>span{display:none}.app-shell[data-view=order] .bottom-nav button small{font-size:11px;font-weight:800}.app-shell[data-view=order] .bottom-nav button.active{color:var(--s1-blue);box-shadow:inset 0 3px 0 var(--s1-blue);background:#eaf2ff}.app-shell[data-view=order] .bottom-nav button b{background:#ea4b5a;border-radius:7px}.app-shell[data-view=order] .empty-state{border-color:var(--s1-border);background:#fff;min-height:180px}.app-shell[data-view=order] .empty-state h2{color:var(--s1-navy)}.app-shell[data-view=order] .empty-state p{color:var(--s1-muted)}@media (width<=389px){.stage1-order-header h1{font-size:25px}.stage1-product-grid{gap:9px}.stage1-product-card{min-height:196px}}@media (width<=360px){.stage1-product-grid{grid-template-columns:1fr}.stage1-product-card{min-height:0}}@media (prefers-reduced-motion:reduce){.stage1-product-card{transition:none}}.stage2-overlay{align-items:flex-end}.stage2-product-sheet{color:#12264a;background:#fff;border-radius:24px 24px 0 0;grid-template-rows:auto auto minmax(0,1fr) auto;max-height:88dvh;display:grid;overflow:hidden}.stage2-product-sheet .sheet-grabber{background:#d8dfeb;margin-bottom:6px}.stage2-sheet-header{border-bottom:1px solid #e3e8f0;padding:2px 2px 12px}.stage2-sheet-header>div{gap:3px;min-width:0;display:grid}.stage2-sheet-header>div>span{color:#2f73ff;letter-spacing:.06em;font-size:11px;font-weight:800}.stage2-sheet-header h2{color:#163568;margin:0;font-size:22px;line-height:1.25}.stage2-sheet-header small{color:#67738a;line-height:1.45}.stage2-close{place-items:center;min-width:44px;display:grid;color:#163568!important;background:#f3f6fb!important;border:1px solid #dde4ee!important;border-radius:12px!important;width:44px!important;height:44px!important;padding:0!important}.stage2-scroll-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:14px 2px 4px;overflow:auto}.stage2-product-summary{background:#f8faff;border:1px solid #dde4ee;border-radius:16px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:14px;padding:12px;display:grid}.stage2-product-media{aspect-ratio:1;background:#f2f4f8;border:1px solid #dde4ee;border-radius:12px;width:92px;display:block}.stage2-product-summary>div{gap:4px;display:grid}.stage2-product-summary small{color:#67738a;font-size:11px}.stage2-product-summary strong{color:#163568;font-size:18px}.stage2-product-summary span{color:#67738a;font-size:11px}.stage2-product-summary b{color:#12264a;font-size:15px}.stage2-config-section{background:#fff;border:1px solid #dde4ee;border-radius:16px;gap:10px;margin-top:16px;padding:14px;display:grid}.stage2-config-section.has-error{background:snow;border-color:#efb3b9}.stage2-section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.stage2-section-head>div{gap:3px;display:grid}.stage2-section-head strong{color:#163568;font-size:15px}.stage2-section-head small{color:#67738a;font-size:10px;line-height:1.4}.stage2-section-head>span{color:#67738a;background:#f3f6fb;border-radius:8px;flex:none;padding:5px 8px;font-size:10px;font-weight:800}.stage2-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stage2-option-grid button{color:#12264a;text-align:left;background:#fff;border:1px solid #dde4ee;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:10px 12px;font-weight:700;display:flex}.stage2-option-grid button>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.stage2-option-grid button small{color:#67738a;flex:none;font-size:10px;font-weight:700}.stage2-option-grid button.active{color:#163568;background:#eaf2ff;border-color:#2f73ff;box-shadow:inset 0 0 0 1px #2f73ff}.stage2-option-grid button.active small{color:#215bd4}.stage2-option-grid button:disabled{opacity:.45;cursor:not-allowed;background:#f3f6fb}.stage2-combo-section{background:#fbfcff;border-color:#ccd9ee}.stage2-combo-head{align-items:center}.stage2-combo-toggle{color:#163568;min-height:48px;font:inherit;background:#fff;border:1px solid #9fb9e3;border-radius:12px;flex:none;padding:0 14px;font-size:11px;font-weight:800}.stage2-combo-toggle.active{color:#215bd4;background:#eaf2ff;border-color:#2f73ff}.stage2-combo-base{background:#eef4ff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.stage2-combo-base span{color:#67738a;font-size:11px}.stage2-combo-base strong{color:#163568;font-size:14px}.stage2-combo-group{border-top:1px solid #e3e8f0;gap:10px;padding-top:12px;display:grid}.stage2-combo-group.has-error{background:snow;border:1px solid #efb3b9;border-radius:12px;padding:12px}.stage2-inline-error{color:#a42d3a;background:#fdebed;border-radius:10px;margin:0;padding:9px 10px;font-size:11px;line-height:1.4}.stage2-validation-summary{background:#fff6f7;border:1px solid #efc2c7;border-radius:14px;gap:3px;margin-top:14px;padding:12px;display:grid}.stage2-validation-summary strong{color:#a42d3a;font-size:12px}.stage2-validation-summary span{color:#7a4650;font-size:11px}.stage2-sticky-footer{border-top:1px solid #e3e8f0;padding:12px 2px calc(2px + env(safe-area-inset-bottom))!important;background:#fff!important;grid-template-columns:1fr 1.45fr!important;gap:8px!important;margin:0!important;position:sticky!important;bottom:0!important}.stage2-sticky-footer button{border-radius:12px!important;min-height:50px!important}.stage2-sticky-footer .primary{justify-content:space-between;align-items:center;gap:10px;display:flex;background:#2f73ff!important;border-color:#2f73ff!important}.stage2-sticky-footer .primary small{color:#dce8ff;font-size:10px}.stage2-sticky-footer .primary:disabled{color:#fff!important;background:#b9c2d0!important;border-color:#b9c2d0!important}@media (width<=389px){.stage2-product-summary{grid-template-columns:76px minmax(0,1fr);gap:11px}.stage2-product-media{width:76px}.stage2-option-grid{grid-template-columns:1fr}}@media (width<=360px){.stage2-config-section{padding:12px}}@media (prefers-reduced-motion:reduce){.stage2-product-sheet *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--s0-navy:#163568;--s0-blue:#2f73ff;--s0-blue-pressed:#215bd4;--s0-purple:#8552d7;--s0-bg:#f7f9fd;--s0-surface:#fff;--s0-surface-2:#f3f6fb;--s0-border:#dde4ee;--s0-text:#12264a;--s0-muted:#67738a;--s0-danger:#ea4b5a;--s0-success:#28b66f;--s0-warning:#f2a323}.stage0-shell{width:min(100%,520px);min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));color:var(--s0-text);box-sizing:border-box;background:radial-gradient(circle at 12% 6%,#2f73ff1c,#0000 32%),radial-gradient(circle at 92% 12%,#8552d71a,#0000 30%),linear-gradient(#fbfdff 0%,#f7f9fd 58%,#f3f6fb 100%);align-items:center;margin:0 auto;font-family:Inter,PingFang HK,Noto Sans TC,system-ui,sans-serif;display:grid}.stage0-shell *{box-sizing:border-box}.stage0-center{text-align:center;justify-items:center;gap:18px;display:grid}.stage0-card{background:#fffffff5;border:1px solid #dde4eee6;border-radius:24px;gap:16px;width:100%;padding:24px 20px;display:grid;box-shadow:0 18px 52px #12264a1a}.stage0-brand{justify-items:center;gap:5px;display:grid}.stage0-brand.compact .stage0-brand-logo{width:92px}.stage0-brand-logo{object-fit:contain;object-position:center;width:128px;height:auto;max-height:128px;display:block}.stage0-product-label{letter-spacing:.28em;color:var(--s0-blue);font-size:11px;font-weight:900}.stage0-slogan{gap:4px;display:grid}.stage0-slogan strong{color:var(--s0-navy);font-size:24px}.stage0-slogan span{color:var(--s0-muted);font-size:15px}.stage0-progress{background:#e4ebf6;border-radius:999px;width:min(220px,72vw);height:7px;overflow:hidden}.stage0-progress i{border-radius:inherit;background:linear-gradient(90deg,var(--s0-blue),var(--s0-purple));width:42%;height:100%;animation:1.1s ease-in-out infinite alternate s0progress;display:block}.stage0-footnote{color:var(--s0-muted);font-size:12px}.stage0-card h1{color:var(--s0-navy);margin:0;font-size:28px;line-height:1.2}.stage0-card p{color:var(--s0-muted);margin:0;font-size:15px;line-height:1.55}.stage0-login-card header{text-align:left;gap:4px;display:grid}.stage0-login-card header span{color:var(--s0-blue);font-size:12px;font-weight:800}.stage0-field{text-align:left;gap:7px;display:grid}.stage0-field>span{color:var(--s0-navy);font-size:13px;font-weight:800}.stage0-field input,.stage0-field select{border:1px solid var(--s0-border);width:100%;min-height:52px;color:var(--s0-text);font:inherit;background:#fff;border-radius:14px;outline:none;padding:0 14px}.stage0-field input:focus,.stage0-field select:focus{border-color:var(--s0-blue);box-shadow:0 0 0 3px #2f73ff1f}.stage0-primary,.stage0-secondary,.stage0-text-button{min-height:52px;font:inherit;border-radius:14px;font-weight:800}.stage0-primary{background:var(--s0-blue);color:#fff;border:0;box-shadow:0 10px 24px #2f73ff33}.stage0-primary:active{background:var(--s0-blue-pressed);transform:translateY(1px)}.stage0-primary:disabled,.stage0-secondary:disabled{color:#a4adbb;box-shadow:none;cursor:not-allowed;background:#eef1f5;border-color:#dde4ee}.stage0-secondary{border:1px solid var(--s0-blue);color:var(--s0-blue);background:#fff}.stage0-text-button{color:var(--s0-blue);background:0 0;border:0;min-height:44px}.stage0-inline-message{color:var(--s0-muted);text-align:left;background:#eef3fb;border-radius:12px;padding:11px 12px;font-size:12px;line-height:1.45}.stage0-inline-message.danger{color:#a42d3a;background:#fdebed}.stage0-security{color:#8994a8;text-align:center;font-size:11px;line-height:1.45}.stage0-check-card{text-align:center}.stage0-check-list{text-align:left;background:var(--s0-surface-2);border-radius:16px;gap:10px;padding:14px;display:grid}.stage0-check-list div{align-items:center;gap:10px;font-size:14px;display:flex}.stage0-check-list i{background:#c7cfdd;border-radius:50%;width:12px;height:12px}.stage0-check-list i.ok{background:var(--s0-success)}.stage0-check-list i.loading{border:2px solid #d9e4f7;border-top-color:var(--s0-blue);background:0 0;animation:.8s linear infinite s0spin}.stage0-recovery-card{text-align:center}.stage0-status-icon{border-radius:50%;place-items:center;width:72px;height:72px;margin:4px auto;font-size:34px;font-weight:900;display:grid}.stage0-status-icon.error{color:var(--s0-danger);background:#fdebed}.stage0-connection-grid{text-align:left;grid-template-columns:1fr 1fr;gap:10px;display:grid}.stage0-connection-grid>div{border:1px solid var(--s0-border);background:var(--s0-surface-2);border-radius:14px;gap:5px;padding:12px;display:grid}.stage0-connection-grid>div.wide{grid-column:1/-1}.stage0-connection-grid span{color:var(--s0-muted);font-size:11px;font-weight:700}.stage0-connection-grid strong{color:var(--s0-text);font-size:13px}.stage0-connection-grid strong.ok{color:var(--s0-success)}.stage0-connection-grid strong.bad{color:var(--s0-danger)}.stage0-connection-grid strong.pending{color:var(--s0-warning)}.stage0-pair-panel{border:1px solid var(--s0-border);background:var(--s0-surface-2);border-radius:16px;gap:12px;padding:14px;display:grid}@media (width<=360px){.stage0-shell{padding-left:12px;padding-right:12px}.stage0-card{padding:20px 16px}.stage0-brand-logo{width:106px;max-height:106px}.stage0-brand.compact .stage0-brand-logo{width:82px}.stage0-slogan strong{font-size:21px}.stage0-connection-grid{grid-template-columns:1fr}.stage0-connection-grid>div.wide{grid-column:auto}}@media (prefers-reduced-motion:reduce){.stage0-progress i,.stage0-check-list i.loading{animation:none}}@keyframes s0progress{0%{transform:translate(-35%)}to{transform:translate(135%)}}@keyframes s0spin{to{transform:rotate(360deg)}}:root{color:#2e2925;font-synthesis:none;background:#efe9df;font-family:Inter,Noto Sans TC,PingFang HK,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#fff9ef 0,#efe9df 38%,#e7e0d6 100%);min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{background:#fbf8f2;width:min(100%,520px);min-height:100vh;margin:auto;padding:74px 14px 104px;position:relative;box-shadow:0 0 70px #392b1b1f}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbf8f2f0;border-bottom:1px solid #e7dfd2;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;width:min(100%,520px);height:64px;padding:10px 14px;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.brand-mark{color:#fff;background:#2f2a25;border-radius:14px;place-items:center;width:40px;height:40px;font-size:22px;font-weight:900;display:grid}.brand-copy{gap:2px;min-width:0;display:grid}.brand-copy strong{font-size:15px}.brand-copy span{color:#82776a;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.state-pill{color:#4d463f;background:#fff;border:1px solid #d8cfbf;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:11px;font-weight:800;display:flex}.state-pill i{background:#2d9c62;border-radius:50%;width:8px;height:8px}.app-shell[data-mode=offline] .state-pill i{background:#8d8070}.app-shell[data-mode=degraded] .state-pill i{background:#d89521}.authority-strip{background:#fff8e8;border:1px solid #ead8b2;border-radius:13px;flex-wrap:wrap;align-items:center;gap:7px 10px;margin-bottom:10px;padding:9px 11px;font-size:11px;display:flex}.authority-strip b{color:#875315}.authority-strip span{color:#665b50}.authority-strip em{color:#9d3b32;margin-left:auto;font-style:normal;font-weight:900}.notice,.recovery-banner{border-radius:14px;align-items:flex-start;gap:9px;margin-bottom:10px;padding:11px 12px;font-size:12px;line-height:1.4;display:flex}.notice{color:#7d302a;background:#fff0ed;border:1px solid #e6b5ae}.notice span{flex:1}.notice button,.recovery-banner button{color:inherit;background:0 0;border:0;font-weight:900}.recovery-banner{background:#fff7df;border:1px solid #e4ca83;grid-template-columns:1fr auto;display:grid}.recovery-banner strong{grid-column:1}.recovery-banner span{color:#6d5d3c;grid-column:1}.recovery-banner button{grid-area:1/2/3}.recovery-banner.offline{background:#f2f0ec;border-color:#cfc7bc}.stage{min-height:calc(100vh - 185px)}.page{gap:12px;display:grid}.hero{background:linear-gradient(145deg,#fff,#f5eee4);border:1px solid #e7ddd0;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:10px;padding:15px;display:flex;box-shadow:0 10px 30px #362a1b0d}.hero.compact{padding:14px}.hero>div:first-child{gap:3px;display:grid}.hero span,.hero small{color:#837566;font-size:12px}.hero h1{margin:0;font-size:20px}.hero-count{place-items:end;display:grid}.hero-count b{font-size:30px;line-height:1}.hero-count small{font-size:11px}.tag{letter-spacing:.06em;color:#9d3b32;background:#fff0ed;border-radius:999px;padding:6px 8px;font-size:10px}.category-rail{scrollbar-width:none;gap:7px;padding:2px 1px 4px;display:flex;overflow:auto}.category-rail::-webkit-scrollbar{display:none}.category-rail button,.segmented button{white-space:nowrap;color:#5d544a;background:#fff;border:1px solid #ded4c7;border-radius:999px;padding:10px 13px;font-weight:800}.category-rail button.active,.segmented button.active{color:#fff;background:#2f2a25;border-color:#2f2a25}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.product-card{text-align:left;background:#fff;border:1px solid #e6dccf;border-radius:18px;gap:7px;min-height:148px;padding:12px;display:grid;box-shadow:0 8px 24px #372b1e0a}.product-card strong{font-size:15px}.product-card small{color:#6f655c}.product-card i{color:#9a6c36;font-size:10px;font-style:normal}.product-card.disabled{opacity:.48}.product-avatar{color:#80562e;background:#f1e5d3;border-radius:16px;place-items:center;width:48px;height:48px;font-size:20px;font-weight:900;display:grid}.cart-bar{z-index:5;color:#fff;background:#2f2a25;border:0;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;width:100%;padding:12px 14px;display:grid;position:sticky;bottom:88px;box-shadow:0 12px 30px #2b211638}.cart-bar div:first-child{align-items:center;gap:6px;display:flex}.cart-bar b{color:#2f2a25;background:#fff;border-radius:10px;place-items:center;width:28px;height:28px;display:grid}.cart-bar div:nth-child(2){text-align:left;display:grid}.cart-bar strong{font-size:13px}.cart-bar small{color:#d9d1c8;font-size:10px}.cart-bar em{font-style:normal;font-weight:900}.cards{gap:10px;display:grid}.work-card,.order-card,.dine-card,.panel{background:#fff;border:1px solid #e6dccf;border-radius:18px;padding:13px}.work-card{grid-template-columns:1fr auto;gap:10px;display:grid}.work-card.alert{background:#fff9f7;border-color:#e9b4ad}.work-main{gap:5px;display:grid}.eyebrow{color:#807467;justify-content:space-between;gap:10px;font-size:11px;display:flex}.work-main h2,.order-card h2,.dine-card h2,.panel h2{margin:0;font-size:17px}.work-main p{color:#665d54;margin:0;font-size:12px}.work-side{align-content:space-between;justify-items:end;gap:10px;display:grid}.work-side button,.order-actions button,.dine-card button,.panel button,.drawer button,.sheet button,.tool-card{color:#4f463d;background:#fff;border:1px solid #d9cfbf;border-radius:12px;padding:9px 11px;font-weight:800}.status{color:#5f5448;background:#eee8df;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:900}.status.warning{color:#8b5b08;background:#fff0ce}.status.critical{color:#9b342b;background:#ffe5e1}.status.positive{color:#257049;background:#e5f5eb}.status.unknown{color:#654c94;background:#eee9f8}.segmented{grid-template-columns:1fr 1fr;gap:8px;display:grid}.search{color:#6d6258;gap:5px;font-size:12px;display:grid}.search input,.field-grid input{background:#fff;border:1px solid #ded4c7;border-radius:13px;outline:none;min-height:46px;padding:0 12px}.order-card{gap:11px;display:grid}.order-head,.order-meta{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.order-head small{color:#84786c}.order-meta{color:#64594f;font-size:12px}.order-meta b{color:#2f2a25;font-size:16px}.order-card p{color:#6f6459;margin:0;font-size:12px}.order-actions{grid-template-columns:1fr 1fr 1fr;gap:7px;display:grid}.order-actions .danger{color:#a4372e;background:#fff7f5;border-color:#e7b8b1}.field-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.field-grid label{color:#6d6258;gap:5px;font-size:12px;display:grid}.panel{gap:11px;display:grid}.primary{color:#fff!important;background:#2f2a25!important;border-color:#2f2a25!important}.wide{width:100%}.dine-card{justify-content:space-between;align-items:center;gap:10px;display:flex}.dine-card>div{gap:4px;display:grid}.dine-card small{color:#817569}.tool-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.tool-card{text-align:left;grid-template-columns:auto 1fr;gap:4px 9px;min-height:116px;padding:13px;display:grid}.tool-card>span{color:#9f6a31;grid-row:1/4;font-size:18px}.tool-card strong{font-size:14px}.tool-card small{color:#75695d;font-size:11px}.tool-card em{color:#9c443a;font-size:10px;font-style:normal}.drawer{z-index:30;width:min(100%,520px);max-height:78vh;padding:14px 14px calc(20px + env(safe-area-inset-bottom));background:#fffaf4;border-radius:24px 24px 0 0;position:fixed;bottom:0;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 -18px 50px #2d221633}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.drawer-head strong{font-size:18px}.callout{color:#725730;background:#fff7e7;border-radius:12px;padding:11px;font-size:12px;line-height:1.45}.list-row{border-bottom:1px solid #eee5da;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;display:flex}.list-row>div{gap:3px;display:grid}.list-row small{color:#7b7065}.metric-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric{background:#f8f3ec;border-radius:14px;gap:5px;padding:12px;display:grid}.metric span{color:#786b5f;font-size:11px}.metric strong{font-size:16px}.diag-line{border-bottom:1px solid #eee5da;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px 0;display:grid}.diag-line b{color:#257049}.diag-line b.warn{color:#986b13}.diag-line small{color:#7f7469}.registry{gap:16px;display:grid}.registry section{gap:6px;display:grid}.registry h3{color:#8b5c27;margin:0;font-size:12px}.registry article{border:1px solid #eee3d6;border-radius:12px;justify-content:space-between;gap:8px;padding:9px;display:flex}.registry article>div{gap:2px;display:grid}.registry strong{font-size:12px}.registry small{color:#8b7e71;font-size:9px}.registry span{color:#6f6459;text-align:right;font-size:10px}.registry em{color:#2d7b54;font-size:9px;font-style:normal}.registry em.red{color:#a83b31}.bottom-nav{z-index:25;width:min(100%,520px);padding:8px 10px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbf8f2f7;border-top:1px solid #e4dace;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#807469;background:0 0;border:0;border-radius:14px;place-items:center;min-height:64px;display:grid;position:relative}.bottom-nav button>span{font-size:18px;font-weight:900}.bottom-nav button small{font-size:10px;font-weight:800}.bottom-nav button.active{color:#2f2a25;background:#ece3d6}.bottom-nav button b{color:#fff;background:#a64137;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:10px;display:grid;position:absolute;top:5px;right:10px}.overlay{z-index:40;background:#2a221b66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:min(100%,520px);max-height:88vh;padding:10px 14px calc(18px + env(safe-area-inset-bottom));background:#fffaf5;border-radius:24px 24px 0 0;overflow:auto;box-shadow:0 -20px 55px #261c1238}.sheet-grabber{background:#d7cbbd;border-radius:999px;width:48px;height:5px;margin:0 auto 10px}.sheet header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sheet header>div{gap:3px;display:grid}.sheet header span,.sheet header small{color:#7e7266;font-size:11px}.sheet h2{margin:0;font-size:20px}.sheet header>button{background:#efe7dc;border:0;border-radius:12px;width:36px;height:36px}.option-group{gap:9px;margin-top:17px;display:grid}.option-group>div:first-child{align-items:center;gap:8px;display:flex}.option-group em,.option-group>div:first-child span{color:#8a5a0c;background:#fff0cf;border-radius:999px;padding:4px 7px;font-size:10px;font-style:normal}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.option-grid button.active{color:#fff;background:#2f2a25;border-color:#2f2a25}.sheet-actions{background:#fffaf5;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:18px;padding:10px 0 2px;display:grid;position:sticky;bottom:-18px}.sheet-actions button{min-height:50px}.cart-lines{gap:8px;margin-top:10px;display:grid}.cart-lines article{border:1px solid #e8ded2;border-radius:13px;justify-content:space-between;gap:10px;padding:10px;display:flex}.cart-lines article>div{gap:3px;display:grid}.cart-lines small{color:#786d62}.quote-box,.pending-box{background:#f5efe7;border-radius:15px;gap:4px;margin-top:12px;padding:13px;display:grid}.quote-box span,.pending-box span{color:#817469;font-size:10px}.quote-box small,.pending-box small{color:#72665b;font-size:11px}.pending-box{background:#fff5e4;border:1px solid #edd29a}.empty{text-align:center;color:#7c7166;padding:20px}@media (width<=360px){.product-grid,.tool-grid,.field-grid,.metric-grid,.order-actions,.work-card{grid-template-columns:1fr}.work-side{justify-items:stretch}.work-side button{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.source-filter{scrollbar-width:none;gap:7px;padding:1px 0 3px;display:flex;overflow:auto}.source-filter::-webkit-scrollbar{display:none}.source-filter button{white-space:nowrap;color:#62584e;background:#fff;border:1px solid #ded4c7;border-radius:999px;padding:9px 11px;font-size:11px;font-weight:800}.source-filter button.active{color:#fff;background:#2f2a25;border-color:#2f2a25}.qty-stepper{background:#ece4d8;border-radius:10px;align-items:center;gap:6px;padding:3px;display:flex}.qty-stepper button{background:#fffaf4;border:0;border-radius:8px;width:28px;height:28px;font-weight:900}.qty-stepper button:disabled{opacity:.35}.qty-stepper b{text-align:center;min-width:18px}.pending-actions{grid-template-columns:1fr 1.5fr;gap:7px;margin-top:10px;display:grid}.pending-actions button{background:#fffaf4;border:1px solid #cfbea8;border-radius:10px;padding:9px;font-weight:800}.option-group>small{color:#8d7d6f;margin-top:6px;font-size:9px;display:block}.empty-state{text-align:center;justify-items:center;gap:8px;padding:26px 18px;display:grid}.empty-state h2{margin:0;font-size:18px}.empty-state p{color:#766b61;max-width:34ch;margin:0;line-height:1.55}.option-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.option-list button{color:#4b433b;background:#fff;border:1px solid #ded3c7;border-radius:12px;min-height:44px;font-weight:800}.option-list button.active{color:#fff;background:#2f2a25;border-color:#2f2a25}.option-list button:disabled{opacity:.35}.sheet footer{background:#fffaf5;grid-template-columns:1fr 1.5fr;gap:8px;margin-top:18px;padding:12px 0 2px;display:grid;position:sticky;bottom:-18px}.sheet footer button{min-height:48px}.cart-line{border-bottom:1px solid #ece2d7;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 0;display:grid}.cart-line>div:first-child{gap:3px;display:grid}.cart-line small{color:#7b7065}.qty{align-items:center;gap:6px;display:flex}.qty button{background:#fff;border:1px solid #ddd2c6;border-radius:10px;width:32px;height:32px}.cart-total{background:#f3ece3;border-radius:14px;gap:4px;margin-top:14px;padding:14px;display:grid}.cart-total span,.cart-total small{color:#7d7166;font-size:11px}.cart-total strong{font-size:18px}.row-actions{justify-items:end;gap:6px;display:grid}.row-actions button{min-width:94px}.timeline{border-top:1px solid #ece2d7;gap:7px;margin-top:12px;padding-top:10px;display:grid}.timeline>div{grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;display:grid}.timeline b{font-size:12px}.timeline span{color:#74695f;grid-column:1/2;font-size:11px}.timeline small{color:#92867a;grid-area:1/2/3;font-size:10px}.primary:disabled,button:disabled{cursor:not-allowed}.tool-card em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.state-pill{max-width:180px}.brand-copy span{white-space:nowrap;text-overflow:ellipsis;max-width:240px;overflow:hidden}@media (width<=420px){.cart-line{grid-template-columns:1fr auto}.cart-line>.danger{grid-column:1/3}.row-actions{grid-column:1/3;grid-template-columns:1fr 1fr;justify-items:stretch;width:100%}.option-list{grid-template-columns:1fr 1fr}}.staff-login label{color:#6d6258;gap:6px;font-size:12px;display:grid}.staff-login select,.staff-login input{color:#2f2a25;background:#fff;border:1px solid #ded4c7;border-radius:13px;outline:none;min-height:46px;padding:0 12px}.staff-login .danger{color:#a4372e;background:#fff7f5;border-color:#e7b8b1}.connection-settings{gap:12px;display:grid}