:root{--pf-color-surface-base: #ffffff;--pf-color-surface-soft: #f0f5fa;--pf-color-surface-muted: #eaedf1;--pf-color-surface-raised: #ffffff;--pf-color-text-primary: #222228;--pf-color-text-strong: #121223;--pf-color-text-secondary: #41404f;--pf-color-text-muted: #73737f;--pf-color-brand-primary: #ff7622;--pf-color-brand-secondary: #ff863b;--pf-color-focus: #2563eb;--pf-color-status-success: #09cf83;--pf-color-status-warning: #d97706;--pf-color-status-danger: #dc2626;--pf-color-status-info: #2563eb;--pf-color-status-review: #7c3aed;--pf-color-status-neutral: #64748b;--pf-space-4: 4px;--pf-space-8: 8px;--pf-space-12: 12px;--pf-space-16: 16px;--pf-space-20: 20px;--pf-space-24: 24px;--pf-space-32: 32px;--pf-space-40: 40px;--pf-radius-control: 6px;--pf-radius-card: 8px;--pf-radius-image: 10px;--pf-radius-modal: 8px;--pf-border-subtle: 1px solid #eaedf1;--pf-border-strong: 1px solid #cfd6df;--pf-shadow-raised: 0 6px 18px rgb(18 18 35 / 8%);--pf-shadow-floating: 0 10px 30px rgb(18 18 35 / 12%);--pf-shadow-staff: 0 1px 2px rgb(18 18 35 / 8%);--pf-ios-control-height: 44px;--pf-ios-control-radius: 999px;--pf-ios-panel-radius: 14px;--pf-ios-surface: #ffffff;--pf-ios-surface-muted: #f3f6fc;--pf-ios-selected: #1f2d49;--pf-ios-success: #09cf83;--pf-ios-border: #d7dfec;--pf-ios-shadow: 0 10px 24px rgb(36 51 84 / 8%);--pf-ios-selected-strong: #233963;--pf-color-eyebrow: var(--pf-color-brand-primary);--pf-color-border-panel: #dfe4ea;--pf-color-border-panel-soft: #dfe6df;--pf-color-border-panel-strong: #cfd6df;--pf-color-border-input: #cbd5e1;--pf-color-border-divider: #edf0ed;--pf-color-border-list: #e2e8f0;--pf-color-border-list-row: #f1f5f9;--pf-color-border-subtle-blue: #dbe3f2;--pf-color-surface-list-hover: #f8fafc;--pf-color-surface-success-soft: #f0fdf4;--pf-color-border-success-soft: #86efac;--pf-color-surface-warning-soft: #fffbeb;--pf-color-border-warning-soft: #fcd34d;--pf-color-text-slate: #475569;--pf-color-text-navy: #405174;--pf-color-status-danger-strong: #b42318;--pf-color-text-on-brand: #ffffff;--pf-color-status-info-soft: #dbeafe;--pf-color-status-info-soft-alt: #f0f9ff;--pf-color-status-info-soft-cyan: #cffafe;--pf-color-status-info-soft-pale: #e8f2ff;--pf-color-status-info-strong: #1e3a8a;--pf-color-status-info-strong-cyan: #164e63;--pf-color-status-info-strong-blue: #075985;--pf-color-status-info-bright: #3b82f6;--pf-color-status-success-soft-alt: #d4f0d8;--pf-color-status-success-soft-mint: #d1fae5;--pf-color-status-success-soft-pale: #d4edda;--pf-color-status-success-soft-panel: #c1e4cc;--pf-color-status-success-soft-board: #e8f5e9;--pf-color-status-success-soft-ghost: #edf8ee;--pf-color-status-success-soft-faint: #dcfce7;--pf-color-status-success-soft-green: #bbf7d0;--pf-color-status-success-strong: #1a6b28;--pf-color-status-success-deep: #065f46;--pf-color-status-success-strong-alt: #166534;--pf-color-status-success-strong-bright: #1a7f4b;--pf-color-status-success-strong-deeper: #15693e;--pf-color-status-success-strong-forest: #15803d;--pf-color-status-success-strong-leaf: #2e7d32;--pf-color-status-success-bright: #22c55e;--pf-color-status-warning-soft-alt: #fef3c7;--pf-color-status-warning-soft-orange: #ffedd5;--pf-color-status-warning-soft-amber: #fde8c8;--pf-color-status-warning-soft-cream: #fff4e0;--pf-color-status-warning-soft-peach: #fff7ed;--pf-color-status-warning-soft-pale: #ffe9b8;--pf-color-status-warning-soft-gold: #fde68a;--pf-color-status-warning-strong: #92400e;--pf-color-status-warning-strong-orange: #9a3412;--pf-color-status-warning-strong-amber: #9a4000;--pf-color-status-warning-strong-brown: #7c2d12;--pf-color-status-warning-strong-ochre: #a05c00;--pf-color-status-warning-strong-gold: #b45309;--pf-color-status-warning-strong-rust: #b94010;--pf-color-status-warning-bright: #ea580c;--pf-color-status-warning-bright-strong: #f97316;--pf-color-status-danger-soft: #fee2e2;--pf-color-status-danger-soft-alt: #fdecea;--pf-color-status-danger-soft-pale: #fff5f5;--pf-color-status-danger-soft-strong: #7f1d1d;--pf-color-status-review-soft: #ede9fe;--pf-color-status-review-soft-pink: #fdf4ff;--pf-color-status-review-strong: #5b21b6;--pf-color-status-review-strong-pink: #701a75;--pf-color-status-neutral-soft: #f0f0f0;--pf-color-status-neutral-strong: #444444;--pf-color-status-neutral-muted: #94a3b8;--pf-color-status-danger-deep: #991b1b;--pf-color-status-danger-strong-alt: #b91c1c;--pf-color-status-danger-strong-dark: #a93226;--pf-color-status-danger-strong-panel: #c0392b;--pf-color-status-danger-alt: #d9534f;--pf-color-border-status-info: #93c5fd;--pf-color-border-status-warning-orange: #fdba74;--pf-color-border-kitchen-ticket: #ded9cf;--pf-color-border-success-muted: #86c38a;--pf-color-border-success-panel: #b8dcca;--pf-color-border-danger-soft: #fecaca;--pf-color-border-danger-muted: #fca5a5;--pf-color-border-warning-soft-cream: #f0d9a0;--pf-color-border-warning-muted: #f4b672;--pf-color-border-neutral-cool: #d1d5db;--pf-color-border-neutral-cool-strong: #e5e7eb;--pf-color-border-neutral-soft: #e3e7ea;--pf-color-border-neutral-ios: #e5e5ea;--pf-color-border-neutral-green: #d9ddd8;--pf-color-text-secondary-strong: #444444;--pf-color-text-muted-strong: #555555;--pf-color-text-muted-soft: #666666;--pf-color-text-muted-softer: #777777;--pf-color-text-muted-gray: #6b7280;--pf-color-text-disabled: #888888;--pf-color-text-disabled-strong: #9aa09c;--pf-color-text-disabled-soft: #9da89e;--pf-color-text-ink: #0f172a;--pf-color-text-slate-strong: #334155;--pf-color-surface-board: #fbfaf6;--pf-color-surface-board-alt: #f8faf7;--pf-color-surface-list-tile: #f7f8fa;--pf-color-surface-overlay-soft: #e0e0e0;--pf-color-surface-subtle: #f3f4f6;--pf-color-surface-sheet: #fbfcfd;--pf-color-surface-page: #f9fafb;--pf-color-surface-panel-soft: #f4f6f8;--pf-color-surface-panel-cool: #eef1f4;--pf-color-surface-panel-neutral: #eef1ee;--pf-color-surface-panel-warm: #f3f6f1;--pf-color-surface-panel-green: #f0f2ef;--pf-color-ios-text-primary: #1c1c1e;--pf-color-ios-text-secondary: #8e8e93;--pf-color-ios-action: #007aff;--pf-color-ios-action-strong: #0062cc;--pf-color-ios-success-bright: #34c759;--pf-color-ios-warning-bright: #ff9500;--pf-color-ios-warning-strong: #c56b18;--pf-color-ios-danger-bright: #ff3b30;--pf-color-ios-surface-muted-alt: #f2f2f7;--pf-color-ios-surface-card: #fdfdfd;--pf-color-ios-divider: #e5e5ea;--pf-color-text-nav-default: #3f4640;--pf-color-text-section-support: #5d665f;--pf-color-status-danger-soft-faint: #fef2f2;--pf-color-status-warning-action: #d84f16;color:var(--pf-color-text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--pf-color-surface-soft);color:var(--pf-color-text-primary)}button,input,select,textarea{font:inherit}.pf-control{border:var(--pf-border-strong);border-radius:var(--pf-radius-control);background:var(--pf-color-surface-base);color:var(--pf-color-text-primary);min-height:40px}.pf-button,.pf-control.pf-button,button.pf-button{align-items:center;border:0;border-radius:var(--pf-radius-control);cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:var(--pf-space-8);justify-content:center;line-height:20px;min-height:40px;padding:10px 14px}.pf-button:disabled,button:disabled{cursor:not-allowed;opacity:.55}.pf-button-primary{background:var(--pf-color-brand-primary);color:#fff}.pf-button-secondary{background:var(--pf-color-surface-muted);color:var(--pf-color-text-strong)}.pf-input,.pf-select{padding:9px 12px;width:100%}.pf-textarea{min-height:88px;resize:vertical}.pf-status{align-items:center;background:color-mix(in srgb,var(--pf-status-color, #64748b) 12%,white);border:1px solid color-mix(in srgb,var(--pf-status-color, #64748b) 35%,white);border-radius:999px;color:color-mix(in srgb,var(--pf-status-color, #64748b) 72%,black);display:inline-flex;font-size:12px;font-weight:700;line-height:16px;padding:4px 9px;white-space:nowrap}.pf-order-number{color:var(--pf-color-text-strong);font-weight:800;letter-spacing:0}.pf-money,.pf-date-time{font-variant-numeric:tabular-nums}.pf-state{align-items:center;border:var(--pf-border-subtle);border-radius:var(--pf-radius-card);display:flex;gap:var(--pf-space-12);justify-content:center;min-height:96px;padding:var(--pf-space-20);text-align:center}.pf-state-empty{background:var(--pf-color-surface-base);color:var(--pf-color-text-secondary)}.pf-state-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.pf-state-loading{background:var(--pf-color-surface-base);color:var(--pf-color-text-secondary)}.pf-state-spinner{animation:pf-spin .8s linear infinite;border:2px solid var(--pf-color-surface-muted);border-top-color:var(--pf-color-brand-primary);border-radius:999px;height:18px;width:18px}.pf-dialog-backdrop{align-items:center;background:#1212237a;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:var(--pf-space-20);position:fixed;z-index:50}.pf-dialog-surface,.pf-dialog{background:var(--pf-color-surface-base);border-radius:var(--pf-radius-modal);box-shadow:var(--pf-shadow-floating);max-width:520px;width:min(100%,520px)}.pf-dialog-surface{padding:var(--pf-space-24)}.pf-dialog-actions{display:flex;gap:var(--pf-space-12);justify-content:flex-end;margin-top:var(--pf-space-24)}.pf-staff-login{background:var(--pf-color-surface-base);border:var(--pf-border-subtle);border-radius:var(--pf-radius-card);margin:0 auto;max-width:480px;padding:var(--pf-space-20)}.pf-staff-login-title{font-size:22px;margin:0 0 var(--pf-space-8)}.pf-staff-login-description{color:var(--pf-color-text-secondary);margin:0 0 var(--pf-space-16)}.pf-staff-login-form{display:grid;gap:var(--pf-space-12)}.pf-staff-login-field{display:grid;font-size:14px;font-weight:600;gap:var(--pf-space-4)}.pf-staff-login-input{border:1px solid var(--pf-color-border-strong, #cfd6df);border-radius:var(--pf-radius-control);font-size:14px;padding:10px 12px}.pf-staff-login-error{color:#ba1a1a;font-size:13px;margin:0}.pf-staff-login-submit{background:var(--pf-color-brand-primary);border:0;border-radius:var(--pf-radius-control);color:#fff;cursor:pointer;font-weight:700;margin-top:var(--pf-space-4);padding:10px 12px}.pf-staff-login-submit:disabled{cursor:not-allowed;opacity:.6}.pf-operational-shell{min-height:100vh;padding:var(--pf-space-24)}.pf-operational-header{align-items:center;display:flex;gap:var(--pf-space-16);justify-content:space-between;margin-bottom:var(--pf-space-24)}.pf-operational-grid{display:grid;gap:var(--pf-space-16)}.pf-customer-shell{margin:0 auto;max-width:1180px;min-height:100vh;padding:var(--pf-space-16)}.pf-app-shell{min-height:100vh;padding:var(--pf-space-20) var(--pf-space-16) calc(var(--pf-space-32) * 2);color:var(--pf-color-text-primary)}.pf-app-shell-operational{background:var(--pf-color-surface-soft)}.pf-app-shell-customer{background:radial-gradient(circle at 12% 10%,var(--pf-color-surface-base) 0%,var(--pf-color-surface-soft) 32%,transparent 60%),linear-gradient(180deg,var(--pf-color-surface-muted) 0%,var(--pf-color-surface-soft) 52%,var(--pf-color-surface-muted) 100%)}.pf-app-shell-header{display:grid;gap:var(--pf-space-16);margin:0 0 var(--pf-space-20);width:100%}.pf-app-shell-title{display:grid;gap:var(--pf-space-4)}.pf-app-shell-eyebrow{color:var(--pf-color-eyebrow);font-size:13px;font-weight:800;letter-spacing:.02em;margin:0;text-transform:uppercase}.pf-app-shell-heading{font-size:24px;line-height:1.1;margin:0;overflow-wrap:anywhere}.pf-app-shell-nav{display:flex;align-items:center;flex-wrap:wrap;gap:var(--pf-space-8);min-width:0}.pf-app-shell-content{margin:0;width:100%}.pf-logout-link{align-items:center;background:transparent;border:0;color:var(--pf-color-text-secondary);cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:800;gap:var(--pf-space-8);min-height:36px;padding:var(--pf-space-4) var(--pf-space-8);text-decoration:none}.pf-logout-link:hover,.pf-logout-link:focus-visible{color:var(--pf-color-text-primary)}.pf-logout-link:focus-visible{outline:2px solid var(--pf-color-focus);outline-offset:2px}.pf-logout-link-icon{flex:0 0 auto}@media(min-width:720px){.pf-app-shell{padding:var(--pf-space-32) var(--pf-space-24) calc(var(--pf-space-32) * 2)}.pf-app-shell-header{align-items:end;grid-template-columns:minmax(0,1fr) auto}.pf-app-shell-heading{font-size:30px}}.pf-ios-switch{align-items:center;display:inline-grid;gap:10px;grid-template-columns:auto auto auto}.pf-ios-switch-input{opacity:0;pointer-events:none;position:absolute}.pf-ios-switch-label{color:#6a7894;font-size:13px;font-weight:700}.pf-ios-switch-label-active{color:var(--pf-ios-selected)}.pf-ios-switch-track{align-items:center;background:#d1d9e8;border-radius:var(--pf-ios-control-radius);cursor:pointer;display:inline-flex;height:31px;padding:2px;position:relative;transition:background .2s ease;width:52px}.pf-ios-switch-track:before{border:1px solid #b8c2d6;border-radius:var(--pf-ios-control-radius);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.pf-ios-switch-thumb{background:var(--pf-ios-surface);border-radius:var(--pf-ios-control-radius);box-shadow:0 3px 8px #26314f4d;height:27px;transform:translate(0);transition:transform .2s ease;width:27px}.pf-ios-switch-input:checked+.pf-ios-switch-track{background:var(--pf-ios-success)}.pf-ios-switch-input:checked+.pf-ios-switch-track .pf-ios-switch-thumb{transform:translate(21px)}.pf-ios-stepper{align-items:center;background:linear-gradient(180deg,#f3f6fc,#e9eef8);border:1px solid var(--pf-ios-border);border-radius:var(--pf-ios-control-radius);display:inline-flex;gap:6px;padding:4px}.pf-ios-stepper-button{background:var(--pf-ios-surface);border:0;border-radius:var(--pf-ios-control-radius);box-shadow:0 1px 3px #22304a42;color:var(--pf-ios-selected);cursor:pointer;font:inherit;font-size:18px;font-weight:800;height:30px;line-height:1;width:30px}.pf-ios-stepper-button:active{transform:scale(.96)}.pf-ios-stepper-button:disabled{cursor:not-allowed;opacity:.45}.pf-ios-stepper-value{color:var(--pf-ios-selected);font-size:13px;font-weight:900;min-width:24px;text-align:center}.pf-ios-segmented{background:#ffffffe0;border:1px solid #dbe3f2;border-radius:12px;box-shadow:var(--pf-ios-shadow);display:inline-flex;gap:4px;min-width:0;padding:4px}.pf-ios-segment{background:transparent;border:0;border-radius:8px;color:#3f4640;cursor:pointer;font:inherit;font-size:14px;font-weight:800;min-height:36px;min-width:0;padding:8px 12px}.pf-ios-segment-active{background:linear-gradient(180deg,#1f2d49,#233963);color:#fff}.pf-ios-status-pill{border-radius:var(--pf-ios-control-radius);display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.02em;line-height:16px;padding:3px 8px;text-transform:uppercase}.pf-ios-status-pill-neutral{background:#f0f0f0;color:#444}.pf-ios-status-pill-info{background:#cffafe;color:#164e63}.pf-ios-status-pill-success{background:#d4f0d8;color:#1a6b28}.pf-ios-status-pill-warning{background:#fef3c7;color:#92400e}.pf-ios-status-pill-danger{background:#fee2e2;color:#7f1d1d}.pf-ios-status-pill-review{background:#ede9fe;color:#5b21b6}.pf-product-card{background:var(--pf-ios-surface);border:1px solid #dfe6df;border-radius:var(--pf-radius-card);display:grid;gap:12px;padding:12px}.pf-product-card-unavailable{opacity:.62}.pf-product-card-body{display:grid;gap:8px}.pf-product-card-body h3,.pf-product-card-body p{margin:0}.pf-product-card-body p{color:var(--pf-color-text-secondary);font-size:14px}.pf-product-card-image{border:1px solid #dfe6df;border-radius:var(--pf-radius-image);height:152px;object-fit:cover;width:100%}.pf-product-card-actions{align-items:center;display:flex;gap:10px;justify-content:space-between}.pf-category-scroller{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.pf-category-pill{align-items:center;background:#ffffffe5;border:1px solid #dbe3f2;border-radius:var(--pf-ios-control-radius);color:#405174;cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:13px;font-weight:800;gap:8px;padding:8px 12px}.pf-category-pill-active{background:var(--pf-ios-selected);border-color:var(--pf-ios-selected);color:#fff}.pf-category-pill-image{border:1px solid #dfe6df;border-radius:var(--pf-ios-control-radius);height:24px;object-fit:cover;width:24px}.pf-cart-summary{align-items:center;background:#fffffff0;border:1px solid #dbe3f2;border-radius:var(--pf-ios-panel-radius);bottom:16px;box-shadow:var(--pf-shadow-floating);display:flex;gap:12px;justify-content:space-between;left:50%;max-width:920px;padding:12px;position:sticky;transform:translate(-50%);width:min(100%,920px);z-index:10}@keyframes pf-spin{to{transform:rotate(360deg)}}@media(max-width:720px){.pf-operational-shell{padding:var(--pf-space-16)}.pf-operational-header{align-items:flex-start;flex-direction:column}}.staff-shell{min-height:100vh;padding:20px;background:#f8faf7;color:#222228;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.staff-shell *,.staff-shell *:before,.staff-shell *:after{box-sizing:border-box;min-width:0}.staff-header,.staff-layout{width:100%;margin:0}.staff-header{display:grid;gap:12px;margin-bottom:20px}.eyebrow{margin:0 0 4px;color:#d84f16;font-size:13px;font-weight:800;text-transform:uppercase}.staff-shell h1,.staff-shell h2,.staff-shell p{margin:0}.staff-shell h1{font-size:30px;line-height:1.05;overflow-wrap:anywhere}.staff-shell h2{font-size:24px;overflow-wrap:anywhere}.staff-shell code{display:inline-block;max-width:100%;padding:5px 8px;border:1px solid #dfe4ea;border-radius:6px;background:#fff;overflow-wrap:anywhere}.staff-layout,.workspace{display:grid;gap:16px}.staff-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.staff-tabs a{min-width:0;padding:12px;border:1px solid #dfe4ea;border-radius:8px;background:#fff;color:#3f4640;font:inherit;font-weight:800;overflow-wrap:anywhere;text-align:center;text-decoration:none}.staff-tabs a.active{border-color:#222228;background:#222228;color:#fff}.workspace{padding:18px;border:1px solid #dfe4ea;border-radius:8px;background:#fff;min-width:0}.workspace-title{display:grid;gap:6px}.workspace-title p,.workspace-title h2{overflow-wrap:anywhere}.workspace-title p:last-child,.queue-grid span{color:#5d665f}.inbox-view,.order-list{display:grid;gap:12px}.order-list{grid-template-columns:1fr}.inbox-filters{display:grid;gap:10px;padding:12px;border:1px solid #e3e7ea;border-radius:8px;background:#fbfcfd}.inbox-filters label{display:grid;gap:5px}.inbox-filters label span{color:#5d665f;font-size:12px;font-weight:800;text-transform:uppercase}.inbox-filters input,.inbox-filters select{min-width:0;width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #dfe4ea;border-radius:6px;background:#fff;font:inherit}.inbox-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-btn--icon{margin-left:auto;padding:8px 12px;font-size:18px;line-height:1}.toolbar-btn{padding:10px 16px;border:1px solid #dfe4ea;border-radius:8px;background:#fff;color:#222228;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.toolbar-btn:hover{background:#f4f6f8}.whatsapp-alert-btn{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.whatsapp-alert-btn.active{border-color:#ea580c;background:#fff7ed;color:#9a3412}.toolbar-count{min-width:22px;padding:2px 7px;border-radius:999px;background:#eef1ee;color:#3f4640;text-align:center;font-size:12px}.whatsapp-alert-btn.active .toolbar-count{background:#f97316;color:#fff}.sound-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #e3e7ea;border-radius:8px;background:#fff}.sound-panel p{margin-top:3px;color:#5d665f;font-size:13px}.sound-panel button{padding:8px 10px;border:1px solid #dfe4ea;border-radius:6px;background:#fff;color:#222228;font:inherit;font-size:13px;font-weight:800}.socket-state{padding:6px 8px;border:1px solid #dfe4ea;border-radius:999px;color:#5d665f;font-size:12px;font-weight:900;text-transform:uppercase}.socket-state.connected{border-color:#86c38a;background:#edf8ee;color:#166534}.socket-state.connecting{border-color:#f4b672;background:#fff7ed;color:#9a3412}.sound-notice{padding:10px 12px;border:1px solid #f4b672;border-radius:8px;background:#fff7ed;color:#9a3412;font-weight:800}.settings-modal{width:min(300px,90vw);display:grid;gap:14px;padding:20px;border-radius:14px;background:#fff}.settings-modal-header{display:flex;align-items:center;justify-content:space-between}.settings-modal-header strong{font-size:16px}.settings-modal-close{padding:4px 8px;border:none;background:none;font-size:18px;color:#5d665f;cursor:pointer;line-height:1}.settings-modal-sub{margin:0;color:#5d665f;font-size:13px}.settings-socket-state{justify-self:start}.settings-modal-actions{display:flex;gap:8px;flex-wrap:wrap}.queue-grid article{display:grid;gap:8px;padding:16px;border:1px solid #e3e7ea;border-radius:8px}.queue-grid strong{font-size:26px}.order-card{display:grid;gap:12px;padding:16px;border-radius:16px;background:#fff;box-shadow:0 1px 2px #0000000d,0 4px 14px #00000014}.order-card.waiting-too-long{background:#fff7ed;box-shadow:0 1px 2px #d84f161f,0 4px 14px #d84f1629}.order-card-main,.order-meta,.order-foot{display:flex;align-items:center;gap:10px}.order-card-main{justify-content:space-between;flex-wrap:wrap}.order-card-main p,.order-foot{color:#5d665f;font-size:13px}.review-reason-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:11px;font-weight:800;cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0}.review-reason-icon[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);white-space:nowrap;padding:5px 10px;border-radius:8px;background:#1c1c1e;color:#fff;font-size:12px;font-weight:500;pointer-events:none;z-index:10}.review-reason-icon[data-tooltip]:hover:before{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1c1c1e;pointer-events:none;z-index:10}.order-number{font-size:18px}.order-meta{flex-wrap:wrap}.order-meta>span,.status-pill{padding:4px 10px;border:none;border-radius:999px;background:#f2f2f7;color:#3f4640;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.01em}.status-pill.ok{background:#d1fae5;color:#065f46}.status-pill.warn{background:#fef3c7;color:#92400e}.status-pill.danger{background:#fee2e2;color:#991b1b}.status-pill.muted{background:#f2f2f7;color:#5d665f}.order-foot{justify-content:space-between;flex-wrap:wrap}.courier-link-notice{margin:0;overflow-wrap:anywhere;color:#5d665f;font-size:12px;line-height:1.35}.order-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:8px}.order-actions button,.modal-actions button{padding:9px 16px;border:none;border-radius:999px;background:#f2f2f7;color:#007aff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.order-actions button.primary{background:#007aff;color:#fff}.order-actions button.primary:active,.order-actions button.primary:hover{background:#0062cc}.order-actions button.secondary:active,.order-actions button.secondary:hover{background:#e5e5ea}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:16px;background:#22222885}.action-modal{display:grid;width:min(420px,100%);gap:12px;padding:18px;border-radius:8px;background:#fff;box-shadow:0 18px 60px #2222283d}.full-modal{display:grid;width:min(900px,100%);max-height:calc(100vh - 32px);overflow-y:auto;grid-template-rows:auto 1fr;gap:0;border-radius:8px;background:#fff;box-shadow:0 18px 60px #2222283d}.full-modal.whatsapp-conversation-modal{width:min(1180px,100%)}.full-modal-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e3e7ea;background:#fff}.full-modal-header h3{margin:0;font-size:18px}.full-modal-header button{padding:7px 12px;border:1px solid #dfe4ea;border-radius:6px;background:#fff;color:#222228;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.full-modal>:not(.full-modal-header){padding:16px 18px}.action-modal h3{margin:0;font-size:20px}.action-modal label{display:grid;gap:5px}.action-modal label span{color:#5d665f;font-size:12px;font-weight:800;text-transform:uppercase}.action-modal input,.action-modal select,.action-modal textarea{min-width:0;width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #dfe4ea;border-radius:6px;font:inherit}.whatsapp-handoff-modal{width:min(560px,100%)}.whatsapp-handoff-list{display:grid;gap:10px}.whatsapp-handoff-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e3e7ea;border-radius:8px;background:#fbfcfd}.whatsapp-handoff-row p{margin:4px 0 8px;color:#5d665f}.whatsapp-handoff-row .submit-manual{flex:0 0 auto}.list-state{margin:0;color:#5d665f;font-weight:800}.manual-order-grid{display:grid;gap:14px}.manual-panel{display:grid;gap:10px;padding:14px;border:1px solid #e3e7ea;border-radius:8px}.manual-panel h3{margin:0;font-size:16px}.manual-panel label{display:grid;gap:5px}.manual-panel label span,.manual-total span{color:#5d665f;font-size:12px;font-weight:800;text-transform:uppercase}.manual-panel input,.manual-panel select,.manual-panel textarea{min-width:0;width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #dfe4ea;border-radius:6px;font:inherit}.item-results,.manual-cart-line{display:grid;gap:8px}.item-results button{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #dfe4ea;border-radius:6px;background:#fff;color:inherit;font:inherit;text-align:left}.manual-cart-line{padding-top:10px;border-top:1px solid #edf0ed}.manual-qty{display:flex;align-items:center;gap:8px}.manual-qty button{width:30px;height:30px;border:1px solid #dfe4ea;border-radius:6px;background:#fff;font:inherit;font-weight:900}.manual-total{display:flex;align-items:center;justify-content:space-between;gap:12px}.manual-error{color:#b42318;font-weight:800}.manual-success{color:#166534;font-weight:800}.submit-manual{padding:12px 14px;border:0;border-radius:8px;background:#222228;color:#fff;font:inherit;font-weight:900}.wa-view{display:grid;gap:16px}.wa-item-count{color:#5d665f;font-size:13px;font-weight:600}.wa-detail-panel{margin-top:12px;background:#fff;border:1px solid #dfe4ea;border-radius:10px;overflow:hidden}.wa-detail-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#f3f6f1;border-bottom:1px solid #dfe4ea}.wa-detail-header h3{margin:0;font-size:16px}.wa-detail-header button{padding:6px 14px;border:1px solid #dfe4ea;border-radius:6px;background:#fff;cursor:pointer;font-size:13px}.wa-detail-body{display:grid;gap:18px;padding:18px}.wa-section h4{margin:0 0 8px;font-size:13px;font-weight:800;text-transform:uppercase;color:#5d665f}.wa-section p{margin:2px 0;font-size:14px}.wa-missing-fields{margin:0;padding-left:18px}.wa-missing-fields li{color:#d9534f;font-size:13px;font-weight:600}.wa-empty-items{color:#888;font-size:13px;font-style:italic}.wa-items-table{width:100%;border-collapse:collapse;font-size:13px}.wa-items-table th{padding:6px 8px;border-bottom:1px solid #dfe4ea;background:#f3f6f1;color:#5d665f;font-size:11px;font-weight:800;text-align:left;text-transform:uppercase}.wa-items-table td{padding:6px 8px;border-bottom:1px solid #f0f0f0}.wa-items-table .mono{font-family:ui-monospace,monospace;font-size:12px;color:#666}.wa-conversation{margin-top:8px;border:1px solid #dfe4ea;border-radius:8px}.wa-conversation summary{padding:10px 14px;border-radius:8px;background:#f8faf7;color:#5d665f;cursor:pointer;font-size:13px;font-weight:600}.wa-conversation[open] summary{border-bottom:1px solid #dfe4ea;border-radius:8px 8px 0 0}.wa-messages{display:grid;gap:6px;max-height:300px;overflow-y:auto;padding:10px 14px}.wa-msg{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4}.wa-msg.inbound{justify-self:start}.wa-msg.outbound{justify-self:end;flex-direction:row-reverse;text-align:right}.wa-msg-direction{flex-shrink:0;font-size:16px}.wa-msg-text{max-width:80%;padding:6px 10px;border-radius:8px;background:#f3f6f1;white-space:pre-wrap;word-break:break-word}.wa-msg.outbound .wa-msg-text{background:#e8f5e9}.wa-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wa-action-group{display:grid;gap:8px}.wa-action-group h4{margin:0;color:#5d665f;font-size:13px;font-weight:800;text-transform:uppercase}.wa-action-group input{padding:8px 10px;border:1px solid #dfe4ea;border-radius:6px;font:inherit;font-size:13px}.wa-action-group button{padding:10px 16px;border:1px solid #dfe4ea;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;font-weight:600}.wa-action-group button.submit-manual{background:#222228;color:#fff;border-color:#222228}.wa-action-group button:disabled{opacity:.5}.wa-missing-warning{margin:0;color:#b45309;font-size:12px;font-weight:600}.wa-conversations-view,.wa-conversation-shell,.wa-conversation-list,.wa-thread,.wa-thread-messages,.wa-thread-actions,.wa-reply-form,.wa-resolve-form{display:grid;gap:12px}.wa-conversation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.wa-conversation-toolbar-actions{display:inline-flex;align-items:center;gap:8px}.wa-conversation-tabs{display:flex;gap:8px;flex-wrap:wrap}.wa-conversation-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid #dfe4ea;border-radius:8px;background:#fff;color:#222228;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.wa-conversation-tabs button.active{border-color:#222228;background:#222228;color:#fff}.wa-conversation-tabs strong{min-width:22px;padding:2px 6px;border-radius:999px;background:#eef1ee;color:#3f4640;text-align:center}.wa-conversation-tabs button.active strong{background:#fff;color:#222228}.wa-conversation-shell{grid-template-columns:minmax(240px,360px) minmax(0,1fr);align-items:start}.wa-conversation-shell.embedded{grid-template-columns:minmax(0,1fr)}.wa-conversation-list{max-height:70vh;overflow-y:auto;padding-right:4px}.wa-conversation-card{display:grid;gap:8px;width:100%;padding:12px;border:1px solid #e3e7ea;border-radius:8px;background:#fff;color:#222228;font:inherit;text-align:left;cursor:pointer}.wa-conversation-card.active{border-color:#007aff;box-shadow:0 0 0 2px #007aff29}.wa-card-main,.wa-card-meta,.wa-thread-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.wa-card-main strong,.wa-card-preview,.wa-thread-header h3,.wa-thread-header p,.wa-thread-message p{overflow-wrap:anywhere}.wa-card-main small,.wa-card-preview,.wa-thread-message small,.wa-thread-empty,.wa-conversation-empty{color:#5d665f;font-size:13px}.wa-card-preview{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.wa-card-meta{justify-content:flex-start;flex-wrap:wrap}.wa-thread{min-height:520px;padding:14px;border:1px solid #e3e7ea;border-radius:8px;background:#fff}.wa-thread-empty,.wa-conversation-empty{padding:14px;text-align:center}.wa-thread-header{align-items:flex-start;padding-bottom:12px;border-bottom:1px solid #edf0ed}.wa-thread-header h3{margin:0;font-size:20px}.wa-thread-messages{max-height:52vh;overflow-y:auto;align-content:start;padding:4px}.wa-thread-message{display:grid;gap:4px;max-width:min(680px,88%);justify-self:start}.wa-thread-message.customer{justify-self:start}.wa-thread-message.staff{justify-self:end;text-align:right}.wa-thread-message.bot,.wa-thread-message.system{justify-self:center;max-width:min(680px,100%);text-align:center}.wa-thread-message span{color:#5d665f;font-size:11px;font-weight:800;text-transform:uppercase}.wa-thread-message p{margin:0;padding:9px 11px;border-radius:8px;background:#f3f6f1;white-space:pre-wrap}.wa-thread-message.staff p{background:#e8f2ff}.wa-thread-message.bot p,.wa-thread-message.system p{background:#f2f2f7}.wa-thread-actions{padding-top:12px;border-top:1px solid #edf0ed}.wa-reply-form,.wa-resolve-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.wa-draft-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #f4b672;border-radius:8px;background:#fff7ed}.wa-draft-panel h4,.wa-draft-panel p{margin:0;overflow-wrap:anywhere}.wa-draft-panel h4{font-size:16px}.wa-draft-panel p:last-child{color:#7c2d12;font-size:13px}.wa-reply-form label,.wa-resolve-form label{display:grid;gap:5px}.wa-reply-form label span,.wa-resolve-form label span{color:#5d665f;font-size:12px;font-weight:800;text-transform:uppercase}.wa-reply-form input,.wa-resolve-form input{min-width:0;width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #dfe4ea;border-radius:6px;font:inherit}.wa-thread-actions button{justify-self:start;padding:10px 14px;border:1px solid #dfe4ea;border-radius:8px;background:#fff;color:#222228;font:inherit;font-weight:800;cursor:pointer}.wa-thread-actions button.submit-manual{border-color:#222228;background:#222228;color:#fff}.wa-thread-actions button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:520px){.staff-shell{padding:12px}.staff-shell h1{font-size:24px}.staff-shell h2{font-size:20px}.staff-header{margin-bottom:14px}.workspace{padding:12px;gap:12px}.queue-grid article{padding:12px}.queue-grid strong{font-size:22px}.sound-panel{display:grid;grid-template-columns:1fr;align-items:stretch}.sound-panel button{width:100%}.order-actions{display:grid;grid-template-columns:1fr}.wa-actions,.wa-conversation-shell{grid-template-columns:1fr}.wa-conversation-list,.wa-thread-messages{max-height:none}.wa-thread{min-height:360px}.wa-draft-panel{display:grid}.wa-reply-form,.wa-resolve-form{grid-template-columns:1fr}}@media(min-width:760px){.staff-shell{padding:32px}.staff-header{grid-template-columns:minmax(0,1fr) auto auto;align-items:end}.manual-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:960px){.order-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.ops-board{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}@media(min-width:760px){.ops-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.ops-board{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1400px){.ops-board{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1100px){.ops-board--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.ops-lane{display:grid;gap:10px;background:#f0f2ef;border-radius:14px;padding:12px}.ops-lane-header{display:flex;align-items:center;gap:8px}.ops-lane-title{margin:0;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#3f4640}.ops-lane-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 6px;border-radius:999px;background:#d9ddd8;color:#3f4640;font-size:11px;font-weight:800}.ops-lane-empty{color:#9da89e;font-size:13px;text-align:center;padding:8px 0}.ops-lane-cards{display:grid;gap:10px}.ops-lane--high{background:#fff5f5}.ops-lane--high .ops-lane-title{color:#991b1b}.ops-lane--high .ops-lane-count{background:#fecaca;color:#991b1b}.ops-lane--medium{background:#fffbeb}.ops-lane--medium .ops-lane-title{color:#92400e}.ops-lane--medium .ops-lane-count{background:#fde68a;color:#92400e}.ops-lane--low{background:#f0fdf4}.ops-lane--low .ops-lane-title{color:#166534}.ops-lane--low .ops-lane-count{background:#bbf7d0;color:#166534}.ops-lane--done{background:#f8fafc;opacity:.75}.delivery-address-row[data-v-92430e2e]{display:flex;gap:8px}.delivery-address-row input[data-v-92430e2e]{flex:1;min-width:0}.delivery-suggestions[data-v-92430e2e]{list-style:none;padding:0;margin:4px 0 0;border:1px solid #dfe4ea;border-radius:6px;background:#fff;max-height:180px;overflow-y:auto}.delivery-suggestions li button[data-v-92430e2e]{width:100%;text-align:left;padding:8px 12px;background:none;border:none;cursor:pointer;font:inherit;font-size:13px}.delivery-suggestions li button[data-v-92430e2e]:hover{background:#f4f6f8}.delivery-address-confirmed[data-v-92430e2e]{font-size:13px;color:#2e7d32;padding:2px 0}.delivery-map[data-v-92430e2e]{width:100%;height:200px;border-radius:8px;border:1px solid #dfe4ea}.payment-panel[data-v-599dd309]{display:grid;gap:18px}.payment-form[data-v-599dd309]{display:grid;gap:20px}.payment-status-row[data-v-599dd309]{display:flex;align-items:center;justify-content:space-between;gap:16px}.status-tag[data-v-599dd309]{border-radius:6px;font-size:14px;font-weight:800;padding:8px 14px;text-transform:uppercase}.status-tag.pending[data-v-599dd309]{background:#fef9c3;color:#854d0e}.status-tag.paid[data-v-599dd309]{background:#dcfce7;color:#166534}.status-tag.cancelled[data-v-599dd309],.status-tag.manually_refunded[data-v-599dd309]{background:#fee2e2;color:#991b1b}.proof-status[data-v-599dd309]{display:grid;gap:4px;text-align:right}.proof-status span[data-v-599dd309],.state-message[data-v-599dd309],.no-file[data-v-599dd309]{color:#64748b}.field[data-v-599dd309]{display:grid;gap:8px}.field span[data-v-599dd309],.proof-box strong[data-v-599dd309]{color:#475569;font-size:14px;font-weight:700}select[data-v-599dd309]{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;font:inherit;padding:12px}.proof-box[data-v-599dd309]{display:grid;gap:10px;border-radius:8px;background:#f1f5f9;padding:16px}.filename[data-v-599dd309]{color:#2563eb;font-weight:700}.file-input[data-v-599dd309]{font:inherit}.primary-action[data-v-599dd309]{min-height:48px;border:1px solid #222228;border-radius:8px;background:#222228;color:#fff;cursor:pointer;font:inherit;font-weight:800}.primary-action[data-v-599dd309]:disabled{cursor:not-allowed;opacity:.5}.alert[data-v-599dd309],.state-message--error[data-v-599dd309]{color:#dc2626;font-size:14px;font-weight:700}