.demo{--ink:#243c32;--green:#2b513e;--muted:#637069;--line:#dddeda;--paper:#fffefa;color:var(--ink);background:#f5f4ee;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.demo *,.demo :before,.demo :after{box-sizing:border-box}.demo button,.demo select{font:inherit}.demo button{cursor:pointer;transition:background .15s}.demo button:disabled{cursor:not-allowed;opacity:.5}.demo button:focus-visible,.demo select:focus-visible{outline-offset:3px;outline:3px solid #a97118}.demo .demo-ribbon{color:#544626;background:#e8e1ca;justify-content:center;gap:20px;padding:9px 28px;font-size:12px;display:flex}.demo .demo-ribbon strong{letter-spacing:.08em;white-space:nowrap}.demo .app-header{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px max(28px,50vw - 680px);display:flex}.demo .brand{align-items:center;gap:12px;display:flex}.demo .brand-mark{text-align:center;color:#806d40;border:1px solid #9b8d65;width:42px;height:42px;font:30px Georgia,serif}.demo .brand strong{letter-spacing:.17em;font-size:12px;display:block}.demo .brand div>span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.demo nav{gap:6px;display:flex}.demo nav button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:11px 18px;font-size:12px}.demo nav button span{margin-left:7px;font-size:14px}.demo nav button.active{color:#fff;background:var(--green)}.demo main{max-width:1416px;margin:auto;padding:36px 28px 0}.demo .page-heading{justify-content:space-between;align-items:end;gap:24px;margin:10px 0 30px;display:flex}.demo h1{letter-spacing:-.025em;margin:8px 0 14px;font:400 clamp(30px,3.4vw,46px)/1.15 Georgia,serif}.demo h2{margin:0;font:400 25px/1.2 Georgia,serif}.demo h3{margin:12px 0 8px;font-size:16px;font-weight:600;line-height:1.4}.demo p{margin:8px 0}.demo .eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:600}.demo .muted,.demo .footnote{color:var(--muted)}.demo .week-label{text-align:right;min-width:195px;padding-bottom:8px}.demo .week-label span,.demo .week-label strong{display:block}.demo .week-label span{color:var(--muted);font-size:12px}.demo .week-label strong{margin-top:6px;font-size:15px}.demo .day-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:30px;padding:16px 0;display:flex}.demo .day-buttons{gap:8px;display:flex}.demo .day-buttons button{text-align:left;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:5px;min-width:100px;padding:9px 21px}.demo .day-buttons span,.demo .day-buttons strong{display:block}.demo .day-buttons strong{color:var(--ink);font-size:15px}.demo .day-buttons button.selected{background:#e5eadd;border-color:#9ea998}.demo .live-notice{color:#695a37;min-height:38px;padding:10px 0;font-size:12px}.demo .client-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;display:grid}.demo .section-heading,.demo .dish-heading,.demo .dish-bottom,.demo .quantity-row,.demo .order-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo .section-heading{margin-bottom:18px}.demo .section-heading h3{margin:0}.demo .section-heading>.muted{font-size:12px}.demo .filters{flex-wrap:wrap;gap:6px;margin:0 0 18px;display:flex}.demo .filters button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:20px;padding:7px 14px;font-size:12px}.demo .filters button.selected{color:var(--ink);background:#e4e9de;border-color:#b2bdad}.demo .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.demo .dish-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;flex-direction:column;padding:22px;display:flex}.demo .dish-card.unavailable{background:#edede8}.demo .dish-card h3{margin-top:17px;font:400 24px/1.25 Georgia,serif}.demo .dish-card>.muted{margin-bottom:18px;font-size:12px}.demo .portion{color:var(--muted);text-align:right;font-size:11px}.demo .dish-options{gap:8px;margin:0 0 20px;display:grid}.demo label{font-size:12px;font-weight:600;display:block}.demo select{width:100%;color:var(--ink);background:#fff;border:1px solid #c8cdc4;border-radius:4px;min-height:40px;margin-top:6px;padding:10px;display:block}.demo .dish-bottom{margin-top:auto;padding-top:10px}.demo .dish-bottom>strong{font-size:18px}.demo small{color:var(--muted);font-size:11px;font-weight:400}.demo .primary,.demo .secondary{border:1px solid var(--green);background:var(--green);color:#fff;border-radius:5px;padding:12px 16px;font-weight:500}.demo .primary:not(:disabled):hover{background:#193c29}.demo .secondary{color:var(--green);background:0 0}.demo .small{padding:8px 13px;font-size:12px}.demo .full{width:100%}.demo .text-button{color:var(--green);text-underline-offset:4px;background:0 0;border:0;padding:8px 0;font-size:12px;text-decoration:underline}.demo .panel{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:24px}.demo .basket{border-top:3px solid #9b8d65}.demo .count{white-space:nowrap;background:#e8ecdf;border-radius:20px;padding:4px 10px;font-size:12px}.demo .empty{text-align:center;color:var(--muted);padding:25px 12px}.demo .empty h3{color:var(--ink)}.demo .empty p{font-size:12px}.demo .empty-symbol{color:#97a38c;font:32px Georgia,serif;display:block}.demo .cart-lines,.demo .detail-lines,.demo .production-list,.demo .packing-card ul{margin:0;padding:0;list-style:none}.demo .cart-lines li{border-bottom:1px solid var(--line);padding:16px 0}.demo .cart-lines .muted{font-size:12px}.demo .quantity-row{margin-top:10px}.demo .stepper{border:1px solid #c8cdc4;border-radius:4px;align-items:center;display:inline-flex}.demo .stepper button{color:var(--ink);background:0 0;border:0;width:36px;height:36px;font-size:18px}.demo .stepper span{text-align:center;min-width:25px}.demo fieldset{border:0;margin:20px 0 16px;padding:0}.demo legend{margin-bottom:10px;font-size:12px;font-weight:600}.demo .segmented{gap:6px;display:flex}.demo .segmented button{color:var(--muted);background:0 0;border:1px solid #c8cdc4;border-radius:4px;flex:1;padding:10px 8px;font-size:12px}.demo .segmented button.selected{color:var(--ink);background:#e6eadf;border-color:#8a9b82}.demo .location-note{color:var(--muted);padding:10px 0;font-size:12px}.demo .totals{border-top:1px solid var(--line);margin:15px 0;padding-top:10px}.demo .totals>div{justify-content:space-between;gap:12px;margin:8px 0;font-size:12px;display:flex}.demo .totals>.grand-total{margin-top:14px;font-size:16px}.demo .footnote{margin-top:15px;font-size:11px;line-height:1.6}.demo .recent-order{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.demo .warning-text{color:#963b1e;font-size:12px}.demo .stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.demo .stats>div{background:#e8ecdf;border-radius:6px;padding:18px 22px}.demo .stats span,.demo .stats strong,.demo .stats small{display:block}.demo .stats strong{margin:6px 0;font:36px Georgia,serif}.demo .operations-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.demo .order-list{gap:10px;display:grid}.demo .order-list>button{border:1px solid var(--line);text-align:left;color:var(--ink);background:0 0;border-radius:5px;gap:9px;width:100%;padding:16px;display:grid}.demo .order-list>button.selected{background:#f0f3e9;border-color:#7c9775}.demo .status-pill{color:#3a5c35;white-space:nowrap;background:#e4ead9;border-radius:20px;padding:4px 9px;font-size:11px;display:inline-block}.demo .status-pill.waiting{color:#81581e;background:#f2e6c9}.demo .detail-lines li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:16px 0;display:flex}.demo .detail-lines small,.demo .packing-card small{margin-top:5px;display:block}.demo .callout{background:#f1eddc;border-left:3px solid #ab9059;border-radius:0 4px 4px 0;padding:16px;font-size:12px}.demo .callout p{margin:10px 0}.demo .reset-box{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;display:flex}.demo .reset-box span{flex:1;min-width:220px}.demo .availability{margin-top:24px}.demo .availability-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;display:grid}.demo .availability-grid>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.demo .availability-button{color:#3b5832;background:#e5ecd9;border:1px solid #bccbb1;border-radius:20px;min-width:90px;padding:6px 12px;font-size:11px}.demo .availability-button.off{color:#725f50;background:#eee7e1;border-color:#cdbfb4}.demo .kitchen-note{margin-bottom:24px}.demo .kitchen-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:26px;display:grid}.demo .production-list li{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:20px 0;display:flex}.demo .production-list h3{margin:0}.demo .production-list p{margin:6px 0 0;font-size:12px}.demo .production-count{text-align:center;min-width:38px;font:30px Georgia,serif}.demo .packing-cards{gap:16px;display:grid}.demo .packing-card{border-top:3px solid #97a98a}.demo .packing-time{font-size:21px;font-weight:600}.demo .packing-time span{font-size:12px;font-weight:400}.demo .packing-card ul{border-top:1px dashed #bdc6b7;margin:18px 0}.demo .packing-card li{border-bottom:1px dashed #bdc6b7;padding:12px 0}.demo footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;margin-top:42px;padding:24px 0;font-size:11px;display:flex}@media (width<=1000px){.demo .client-grid{grid-template-columns:minmax(0,1fr) 320px;gap:18px}.demo .menu-grid{grid-template-columns:1fr}.demo nav button{padding:10px 12px}}@media (width<=720px){.demo .demo-ribbon{flex-direction:column;gap:3px;padding:10px 16px}.demo .app-header{flex-wrap:wrap;gap:16px;padding:16px}.demo nav{order:3;width:100%}.demo nav button{flex:1}.demo main{padding:24px 16px 0}.demo .page-heading{display:block}.demo .week-label{text-align:left;margin-top:18px}.demo .day-bar{display:block}.demo .day-buttons{gap:3px;margin-top:10px}.demo .day-buttons button{text-align:center;flex:1;min-width:0;padding:8px 5px}.demo .day-buttons strong{font-size:12px}.demo .day-buttons span{font-size:11px}.demo .client-grid,.demo .operations-grid,.demo .kitchen-grid,.demo .availability-grid{grid-template-columns:1fr}.demo .panel{padding:18px}.demo .basket{margin-top:8px}.demo .stats{gap:8px}.demo .stats>div{padding:12px}.demo .stats span{font-size:11px}.demo .stats small{display:none}.demo .section-heading{flex-wrap:wrap}.demo footer{flex-direction:column;gap:6px}.demo .order-row{flex-wrap:wrap}}body{margin:0}.inactive.svelte-1uha8ag{max-width:700px;margin:80px auto;padding:24px;font-family:system-ui,sans-serif}