.food-demo{color:var(--text-primary);background:var(--bg);font-family:var(--font-ui)}.food-demo a,.food-demo button{touch-action:manipulation}.food-demo button{cursor:pointer}.food-demo button:disabled{cursor:wait}.food-demo :focus-visible{outline:2px solid var(--primary);outline-offset:3px}.demo-brand{display:inline-flex;align-items:center;gap:.625rem;text-decoration:none}.demo-client{height:100dvh;overflow-y:auto}.demo-client-header{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;border-bottom:1px solid var(--border);background:var(--surface)}.demo-client-header>:last-child{margin-left:auto}.demo-client-main{max-width:1120px;margin:auto;padding:1.5rem 2rem 3rem}.demo-client-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.demo-client-heading h1{font-size:1.6rem;letter-spacing:-.035em;margin:0 0 .5rem;line-height:1.2}.demo-client-heading p{font-size:.875rem;line-height:1.6;color:var(--text-secondary);max-width:620px;margin:0}.demo-disclaimer{display:flex;gap:.5rem;align-items:center;color:var(--text-secondary);font-size:.75rem;margin:0 0 1rem}.demo-disclaimer svg{flex-shrink:0}.demo-caption{color:var(--text-muted);font-size:.75rem;line-height:1.5}.demo-faq{max-width:800px;margin:1.5rem auto}.demo-faq-item{padding:.2rem 1.25rem .35rem;border-bottom:1px solid var(--border)}.demo-faq-item:last-child{border-bottom:0}.demo-faq p{font-size:.8rem;color:var(--text-secondary);line-height:1.6;padding-bottom:.7rem}.demo-info-contact{display:flex;width:100%;justify-content:center;margin:1rem 0 .5rem}.demo-proof{margin:1rem 0}.demo-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-top:1px solid var(--border);padding-top:1rem;font-size:.75rem;color:var(--text-muted)}.demo-footer a{color:var(--text-secondary)}.demo-workspace .sidebar-nav button.nav-item{width:100%;border:none;text-align:left;font-family:inherit}.demo-workspace .sidebar-nav button:not(.active){background:transparent}.food-demo .sidebar-nav button.nav-sub-item{width:100%;border:0;text-align:left;font-family:inherit;background:transparent}.demo-workspace .store-name-block{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem}.demo-workspace .store-name-block small{font-size:.7rem;color:var(--text-muted)}.demo-workspace-notice{display:flex;align-items:center;gap:.65rem;padding:.75rem 2rem;border-bottom:1px solid var(--border);font-size:.78rem;color:var(--text-secondary);background:var(--surface);flex-shrink:0}.demo-workspace-notice>button{margin-left:auto}.demo-workspace-heading{padding:1.5rem 2rem 0;margin-bottom:.75rem}.demo-workspace-heading h1{scroll-margin-top:1rem}.demo-workspace-guidance{margin:0 2rem;color:var(--text-secondary);font-size:.82rem;line-height:1.5}.demo-kitchen-board{height:auto;min-height:340px;flex-shrink:0}.demo-kitchen-board:after{display:none}.demo-kitchen-board .kitchen-col{align-self:stretch}.demo-kitchen-board .kitchen-col-header strong{font-size:.8rem;color:var(--text-secondary)}.demo-kitchen-board .kitchen-col-header>:last-child{margin-left:auto}.demo-kitchen-board .btn{white-space:normal}.demo-empty-column{text-align:center;padding:1rem .5rem;color:var(--text-muted);font-size:.8rem}.demo-orders-page{padding-top:.5rem}.demo-orders-page .ord-kpis{margin-bottom:1.25rem}.demo-orders-page .filter-tabs{margin-bottom:1rem}.demo-orders-page .metric-value .badge{font-family:var(--font-ui);font-size:.8rem}.demo-order-detail{max-width:650px;display:grid;gap:1rem}.demo-order-card{width:100%;text-align:left;font-family:inherit;color:var(--text-primary)}.demo-order-card .table-card-main strong:first-of-type{flex:1}.demo-orders-count{padding:.75rem 1rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.demo-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:3rem 1rem;color:var(--text-secondary);font-size:.9rem}.demo-inbox{border-top:1px solid var(--border);min-height:420px;height:min(620px,70vh);flex:none}.demo-inbox .inbox-col-list{flex-basis:260px;background:var(--surface)}.demo-inbox .inbox-item{width:100%;border-left:0;border-right:0;text-align:left}.demo-inbox .inbox-item>span:last-child{display:flex;flex-direction:column;min-width:0;gap:.4rem}.demo-inbox .inbox-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);max-width:160px}.demo-conversation-avatar{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius);background:var(--primary-subtle);color:var(--primary)}.demo-inbox .inbox-timeline-header{justify-content:space-between;gap:.5rem}.demo-inbox .msg-text{white-space:pre-wrap}.demo-inbox .inbox-col-detail{background:var(--surface-warm);flex-basis:290px}.demo-inbox-order{padding:1rem;display:grid;gap:.75rem}.demo-inbox-order h2{font-size:.8rem;margin:0}.demo-inbox-action{padding:.75rem 1rem;background:var(--surface);border-top:1px solid var(--border)}.demo-workspace-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2rem;border-top:1px solid var(--border);flex-shrink:0}.demo-workspace-result{margin:0 2rem 1.5rem}.demo-client-result,.demo-workspace-result{padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.demo-client-result{margin-top:1rem}.demo-result-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center}.demo-result-content h2{margin:.75rem 0 .5rem;font-size:1.3rem;line-height:1.3;letter-spacing:-.02em}.demo-result-content p{font-size:.85rem;line-height:1.6;color:var(--text-secondary);margin:0}.demo-result-action{display:grid;gap:.85rem}.demo-share{display:flex;gap:.5rem;align-items:flex-start;font-size:.75rem;line-height:1.5}.demo-share input{accent-color:var(--primary);flex-shrink:0}.demo-share small{display:block}.demo-reference,.demo-share small{color:var(--text-muted);font-size:.7rem}.demo-reference{text-align:center}.demo-consent{position:fixed;z-index:99;bottom:max(1rem,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(850px,calc(100% - 2rem));display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1rem}.demo-consent>div{flex:1}.demo-consent strong{font-size:.8rem}.demo-consent p{color:var(--text-secondary);font-size:.72rem;line-height:1.5;margin:.3rem 0 0}.demo-privacy-choice{position:fixed;right:.5rem;bottom:max(.3rem,env(safe-area-inset-bottom));z-index:30;border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .5rem;background:var(--surface);color:var(--text-muted);font:.65rem var(--font-ui)}.demo-error{position:fixed;z-index:100;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:1rem;width:min(640px,calc(100% - 2rem));padding:1rem;border:1px solid var(--danger);border-radius:var(--radius);background:var(--danger-bg);color:var(--text-primary);font-size:.8rem}.demo-announcement{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (max-width:1100px){.demo-inbox .inbox-col-detail{display:none}}@media (max-width:900px){.demo-workspace-notice{padding:.75rem 1rem;flex-wrap:wrap}.demo-workspace-notice>span:nth-child(2){display:none}.demo-workspace-heading{padding:1.25rem 1rem 0}.demo-workspace-guidance{margin:0 1rem}.demo-workspace-result{margin-left:1rem;margin-right:1rem}.demo-workspace-footer{padding:1rem;flex-wrap:wrap}}@media (max-width:700px){.demo-client-header{padding:.8rem 1rem;gap:.5rem;flex-wrap:wrap}.demo-client-header>.badge{order:3}.demo-client-main{padding:1.25rem 1rem 2rem}.demo-client-heading{align-items:flex-start;flex-direction:column}.demo-client-heading h1{font-size:1.35rem}.demo-client-heading p{font-size:.8rem}.demo-result-content{grid-template-columns:1fr}.demo-consent{flex-wrap:wrap}.demo-consent>div{flex-basis:100%}.demo-consent .btn{flex:1}.demo-inbox .inbox-col-list{display:none}.demo-inbox .inbox-col-timeline{display:flex;flex:1}.demo-inbox{min-height:420px}.demo-kitchen-board .kitchen-col{flex:0 0 84vw}}@media (prefers-reduced-motion:reduce){.food-demo *,.food-demo :after,.food-demo :before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.food-demo .demo-client{--demo-bar-height:48px;--wa-web-height:calc(100dvh - var(--demo-bar-height));width:100%;height:100dvh;overflow:hidden}.food-demo .demo-client-header{height:var(--demo-bar-height);min-height:var(--demo-bar-height);padding:0 12px;gap:10px;flex-wrap:nowrap}.food-demo .demo-client-header h1{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;letter-spacing:0}.food-demo .demo-client-header h1 span{font-weight:400;color:var(--text-secondary)}.food-demo .demo-client-header>:last-child{margin-left:0}.food-demo .demo-client-header .btn{flex-shrink:0}.food-demo .demo-client-main{max-width:none;width:100%;margin:0;padding:0}.food-demo .demo-client .wa-web{min-height:min(420px,var(--wa-web-height))}.food-demo.demo-info-dialog{display:block;width:min(720px,calc(100vw - 32px));max-width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:24px;background:var(--surface)}.demo-info-dialog>h2{margin:0 36px 12px 0;font-size:20px;line-height:1.3}.demo-info-dialog>p{color:var(--text-secondary);margin:0 0 16px;line-height:1.6}.demo-info-close{position:absolute;top:14px;right:14px}.demo-info-dialog .demo-footer{flex-wrap:wrap}.demo-support-controls{display:grid;gap:12px;margin-bottom:16px}.demo-support-controls:empty{display:none}.demo-support-controls .demo-consent,.demo-support-controls .demo-error,.demo-support-controls .demo-privacy-choice{position:static;inset:auto;transform:none;width:auto;margin:0;box-shadow:none}.demo-support-controls .demo-privacy-choice{justify-self:start;min-height:36px;font-size:12px}.demo-workspace-support{padding:0 24px 16px}@media (max-width:700px){.food-demo .demo-client-header{padding-inline:8px;gap:6px}.food-demo .demo-client-header h1{font-size:12px}.food-demo .demo-client-header h1 span{display:block;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:14px}.food-demo .demo-client-header .btn{font-size:11px;padding-inline:7px}.food-demo.demo-info-dialog{padding:20px 16px}.demo-workspace-support{padding:0 16px 16px}}.demo-info-trigger{border-color:var(--primary);font-weight:600}.demo-view-switch{font-weight:600;box-shadow:0 2px 5px #0000000d}.demo-inbox-action{display:flex;flex-wrap:wrap;gap:8px}.demo-detail-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.demo-detail-note{margin-top:12px;padding:8px 14px;border-radius:var(--radius);background:var(--warning-bg);font-size:14px}.demo-detail-item{padding-bottom:14px;margin-bottom:14px;border-bottom:1px dashed var(--border)}.demo-detail-item:last-child{margin-bottom:0;border-bottom:0}.demo-detail-item>div{display:flex;justify-content:space-between;align-items:start;gap:8px;font-size:14px}.demo-detail-history,.demo-detail-item small{color:var(--text-secondary)}.demo-detail-history{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:12px}.demo-customer-profile .info-value{overflow-wrap:anywhere}.demo-workspace-guidance .btn{margin-left:12px}@media (max-width:700px){.food-demo .demo-client{--demo-bar-height:80px}.food-demo .demo-client-header{display:grid;grid-template-columns:22px minmax(0,1fr) minmax(0,1fr);grid-template-rows:22px 34px;gap:4px 8px;padding:8px}.food-demo .demo-client-header h1{grid-column:2/-1;display:flex;align-items:baseline;gap:6px;font-size:12px}.food-demo .demo-client-header h1 span{display:inline;font-size:11px}.food-demo .demo-client-header .demo-info-trigger{grid-column:1/3}.food-demo .demo-client-header .demo-view-switch{grid-column:3}.food-demo .demo-client-header .btn{width:100%;min-height:34px;font-size:12px;justify-content:center}}.demo-tour{margin:1.25rem 2rem 0;padding:.85rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.demo-tour-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.7rem}.demo-tour-next{margin-left:auto;font-size:.8rem;color:var(--primary);font-weight:600}.demo-tour-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.4rem;list-style:none;margin:0;padding:0}.demo-tour-step button{display:flex;align-items:flex-start;gap:.55rem;width:100%;height:100%;padding:.55rem .7rem;text-align:left;border:1px solid var(--border-muted);border-radius:9px;background:var(--surface-warm);cursor:pointer;transition:border-color .15s var(--ease-out),background .15s var(--ease-out)}.demo-tour-step button:hover:not(:disabled){border-color:var(--primary)}.demo-tour-step button:disabled{opacity:.55;cursor:default}.demo-tour-mark{display:grid;place-items:center;flex:none;width:18px;height:18px;margin-top:1px;border:1px solid var(--border);border-radius:50%;background:var(--surface);font-size:.7rem;color:var(--text-muted)}.demo-tour-step.is-done .demo-tour-mark{border-color:var(--success);background:var(--success);color:#fff}.demo-tour-step.is-next button{border-color:var(--primary);background:var(--surface)}.demo-tour-text{display:grid;gap:.1rem;min-width:0}.demo-tour-text strong{font-size:.82rem}.demo-tour-text small{font-size:.74rem;color:var(--text-secondary);line-height:1.35}.demo-module-caption{margin:-.35rem 2rem .9rem;font-size:.82rem;color:var(--text-secondary)}.demo-workspace-heading .demo-back{order:-1;flex-basis:100%}@media (max-width:640px){.demo-tour-steps{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(9.5rem,max-content);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:.2rem}.demo-tour-step{scroll-snap-align:start}.demo-tour-text small{display:none}.demo-tour-next{width:100%;margin-left:0}}.demo-example-card .section-card-header .badge{margin-left:auto}.demo-example-note{margin:0 0 .9rem}.demo-habit-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.5rem;margin-bottom:1rem}.demo-habit-metrics>div{display:grid;gap:.1rem;padding:.6rem .7rem;border:1px solid var(--border-muted);border-radius:9px;background:var(--surface-warm)}.demo-habit-metrics strong{font-size:.95rem}.demo-habit-metrics small{font-size:.72rem;color:var(--text-secondary);line-height:1.3}.demo-habit-label{margin:1.1rem 0 .5rem;font-size:.75rem;font-weight:600;color:var(--text-muted)}.demo-habit-history,.demo-habit-items{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.demo-habit-items li{display:flex;justify-content:space-between;gap:.75rem;font-size:.82rem;padding-bottom:.35rem;border-bottom:1px solid var(--border-muted)}.demo-habit-items li:last-child{border-bottom:0}.demo-habit-history li{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.2rem .6rem;font-size:.8rem;padding-bottom:.45rem;border-bottom:1px solid var(--border-muted)}.demo-habit-history li:last-child{border-bottom:0}.demo-habit-history li>span:nth-child(2){color:var(--text-secondary)}.demo-habit-history li>span:nth-child(3){grid-column:2}.demo-habit-history li>span:last-child{grid-row:1/span 2;grid-column:3;font-weight:700}@media (max-width:900px){.demo-tour{margin:1rem 1rem 0}.demo-module-caption{margin:-.35rem 1rem .9rem}}.demo-consent-meta{display:flex;gap:.5rem;align-items:flex-start;margin-top:.5rem;font-size:.78rem;color:var(--text-secondary);cursor:pointer}.demo-consent-meta input{margin-top:.15rem;accent-color:var(--primary)}