:root{--color-background: #f6f5f1;--color-surface: #ffffff;--color-surface-warm: #fffefa;--color-primary: #2e684c;--color-primary-dark: #174932;--color-text: #18201c;--color-muted: #64746b;--color-border: #d9d4c8;--color-border-soft: #ece8df;--color-success-bg: #e8f4ec;--color-warning-bg: #fff1dc;--color-warning-text: #664117;--radius-sm: 8px;--radius-pill: 999px;--space-xs: 6px;--space-sm: 10px;--space-md: 16px;--space-lg: 18px;--tap-target: 44px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.app-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{margin:0 0 4px;color:#5f6d65;font-size:.9rem;font-weight:700;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1;letter-spacing:0}.service-pill{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap-target);padding:0 14px;border:1px solid #cbd8cf;border-radius:var(--radius-pill);color:#1d5139;background:#eef7f1;font-weight:700;white-space:nowrap}.back-button{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap-target);padding:0 14px;border:1px solid #cbd8cf;border-radius:var(--radius-sm);color:#1d5139;background:#fff;font-weight:800;cursor:pointer}.error-banner{margin:0 0 16px;padding:12px 14px;border:1px solid #efb8ad;border-radius:8px;color:#7b2418;background:#fff2ef}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.summary-grid article{min-height:96px;padding:var(--space-md);border:1px solid #ddd9cf;border-radius:var(--radius-sm);background:var(--color-surface)}.summary-grid span{display:block;color:#607169;font-size:.95rem}.summary-grid strong{display:block;margin-top:10px;color:#1b3328;font-size:1.7rem;letter-spacing:0}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module-card{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;min-height:118px;padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:inherit;background:var(--color-surface-warm);text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.module-card:hover,.module-card:focus-visible{border-color:#6b8f7a;box-shadow:0 10px 24px #273a2f1a;transform:translateY(-1px);outline:none}.module-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:var(--radius-sm);color:var(--color-primary-dark);background:#e5efe8}.module-copy{display:grid;gap:6px;min-width:0}.module-copy strong{font-size:1.08rem;letter-spacing:0}.module-copy span{color:var(--color-muted);line-height:1.35}.module-metric{align-self:start;min-width:92px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--color-warning-text);background:var(--color-warning-bg);font-weight:800;text-align:center;white-space:nowrap}.tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:2px}.tab{min-height:var(--tap-target);padding:0 14px;border:1px solid #d6d2c8;border-radius:var(--radius-sm);color:#52645b;background:#fff;font-weight:800;white-space:nowrap;cursor:pointer}.tab.active{border-color:var(--color-primary);color:#fff;background:var(--color-primary)}.table-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.table-tile{display:grid;gap:8px;min-height:128px;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);text-align:left;cursor:pointer}.table-tile strong{font-size:1.12rem}.table-tile span{color:var(--color-muted)}.table-tile small{align-self:end;width:fit-content;padding:6px 8px;border-radius:var(--radius-sm);font-weight:800}.table-tile.free small{color:#1d5139;background:var(--color-success-bg)}.table-tile.occupied{border-color:#dfc29a;background:#fff9ef}.table-tile.occupied small{color:#664117;background:#ffe8c2}.table-detail{display:grid;gap:16px;padding:var(--space-lg)}.table-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.table-detail-header div{display:grid;gap:5px}.table-detail-header span,.empty-order span{color:var(--color-muted)}.table-detail-header strong{font-size:1.6rem}.table-detail-header small{padding:8px 10px;border-radius:var(--radius-sm);color:#1d5139;background:var(--color-success-bg);font-weight:800}.empty-order{display:grid;gap:6px;min-height:110px;padding:var(--space-md);border:1px dashed #cfc8ba;border-radius:var(--radius-sm);background:var(--color-surface-warm)}.table-actions{display:flex;flex-wrap:wrap;gap:10px}.table-actions button{min-height:var(--tap-target);padding:0 14px;border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:#fff;background:var(--color-primary);font-weight:800;cursor:pointer}.table-actions button:disabled{border-color:#d6d2c8;color:#8a928d;background:#efede7;cursor:not-allowed}.order-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:14px}.product-picker,.draft-panel{display:grid;align-content:start;gap:14px}.product-picker h2{margin:0;font-size:1.05rem}.category-tabs,.subcategory-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.category-tab,.subcategory-tab{min-height:var(--tap-target);padding:0 14px;border:1px solid #d6d2c8;border-radius:var(--radius-sm);color:#52645b;background:#fff;font-weight:800;white-space:nowrap;cursor:pointer}.category-tab.active,.subcategory-tab.active{border-color:var(--color-primary);color:#fff;background:var(--color-primary)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-button{display:grid;gap:8px;min-height:92px;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:inherit;background:var(--color-surface);text-align:left;cursor:pointer}.product-button:hover,.product-button:focus-visible{border-color:var(--color-primary);outline:none}.product-button span,.muted-text{color:var(--color-muted)}.draft-panel{padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.sent-summary{display:grid;gap:14px;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.draft-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.draft-panel-header span{color:var(--color-primary-dark);font-weight:900;text-align:right}.order-lines{display:grid;gap:10px}.sent-lines{display:grid;gap:8px}.order-line,.sent-line{display:grid;gap:10px;padding:12px;border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);background:var(--color-surface-warm)}.order-line div:first-child,.sent-line div:first-child{display:grid;gap:4px}.order-line span,.sent-line span{color:var(--color-muted)}.sent-line{grid-template-columns:minmax(0,1fr) auto;align-items:center}.sent-line b{color:var(--color-primary-dark);white-space:nowrap}.command-badges{display:flex;flex-wrap:wrap;gap:8px}.command-badges span{padding:7px 9px;border-radius:var(--radius-sm);color:var(--color-warning-text);background:var(--color-warning-bg);font-weight:800}.quantity-controls{display:grid;grid-template-columns:var(--tap-target) minmax(36px,auto) var(--tap-target) var(--tap-target);align-items:center;gap:8px}.quantity-controls button{display:grid;min-height:var(--tap-target);place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary-dark);background:#fff;cursor:pointer}.quantity-controls span{color:var(--color-text);font-weight:900;text-align:center}.list-view{display:grid;gap:12px}.work-card,.ticket-row,.table-detail,.admin-grid article,.category-tree,.product-list{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.work-card{padding:var(--space-md)}.work-card header,.ticket-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.work-card header div,.ticket-row div{display:grid;gap:4px}.work-card header span,.ticket-row span{color:var(--color-muted)}.work-card header small{padding:6px 8px;border-radius:var(--radius-sm);color:var(--color-warning-text);background:var(--color-warning-bg);font-weight:800}.work-card ul{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.work-card li{display:grid;gap:3px;padding-top:8px;border-top:1px solid #ece8df}.work-card em{color:#7a5a2c;font-style:normal}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-grid article{min-height:96px;padding:16px}.admin-grid article span{color:#64746b}.admin-grid article strong{display:block;margin-top:10px;font-size:1.7rem}.product-list{display:grid;grid-column:1 / -1}.category-tree{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.category-group{display:grid;gap:6px;padding:14px 16px;border-top:1px solid #ece8df}.category-group:nth-child(1),.category-group:nth-child(2){border-top:0}.category-group span{color:#64746b;line-height:1.35}.product-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid #ece8df}.product-list div:first-child{border-top:0}.product-list span{color:#64746b;text-align:right}.ticket-row{padding:16px}.ticket-row b{color:#174932;white-space:nowrap}@media(max-width:760px){.app-shell{width:min(100% - 20px,560px);padding-top:12px}.topbar{align-items:center;flex-direction:row;margin-bottom:12px}.topbar h1{font-size:1.65rem;line-height:1.05}.eyebrow{font-size:.72rem}.service-pill,.back-button{min-height:38px;padding:0 10px;font-size:.9rem}.service-pill svg,.back-button svg{width:16px;height:16px}.summary-grid{grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px;margin-bottom:10px}.summary-grid article{min-height:58px;padding:9px 10px}.summary-grid span{font-size:.76rem}.summary-grid strong{margin-top:4px;font-size:1.15rem}.table-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid{grid-template-columns:1fr;gap:8px}.module-card{grid-template-columns:42px minmax(0,1fr) auto;min-height:78px;gap:10px;padding:12px}.module-icon{width:42px;height:42px}.module-copy{gap:3px}.module-copy strong{font-size:1rem}.module-copy span{font-size:.9rem;line-height:1.25}.module-metric{grid-column:auto;justify-self:end;align-self:center;min-width:auto;padding:7px 8px;font-size:.86rem}.order-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-list div,.ticket-row,.table-detail-header,.sent-line{align-items:flex-start;flex-direction:column}}@media(max-width:460px){.table-grid,.admin-grid,.category-tree{grid-template-columns:1fr}.app-shell{width:100%;padding:10px 10px 32px}.topbar{gap:10px}.topbar h1{font-size:1.5rem}.summary-grid{grid-template-columns:repeat(4,minmax(68px,1fr))}.summary-grid article{padding:8px}.summary-grid strong{font-size:1rem}.module-card{grid-template-columns:40px minmax(0,1fr) auto;min-height:72px;padding:10px}.module-icon{width:40px;height:40px}.module-copy span{display:none}.module-metric{max-width:96px;white-space:normal}.category-group:nth-child(2){border-top:1px solid #ece8df}.product-grid{grid-template-columns:1fr}.draft-panel-header{flex-direction:column}.draft-panel-header span{text-align:left}}