:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg-workspace:#eef4f7;--color-panel-bg:#fff;--color-text-primary:#172033;--color-text-muted:#657084;--color-accent-interactive:#0f766e;--color-accent-strong:#115e59;--color-border-line:#d9dee8;--color-warning-bg:#fff7ed;--color-warning-ink:#943412;--color-navy:#0f172a;--color-aqua:#14b8a6;--color-gold:#f59e0b;--color-surface-glass:#ffffffd1;--shadow-soft:0 24px 70px #0f172a24;--bg:var(--color-bg-workspace);--panel:var(--color-panel-bg);--ink:var(--color-text-primary);--muted:var(--color-text-muted);--accent:var(--color-accent-interactive);--accent-strong:var(--color-accent-strong);--line:var(--color-border-line);--warning:var(--color-warning-bg);--warning-ink:var(--color-warning-ink)}*{box-sizing:border-box}body{background:radial-gradient(circle at 14% 8%, #14b8a633, transparent 30%), radial-gradient(circle at 86% 0%, #f59e0b29, transparent 28%), linear-gradient(135deg, #f8fafc 0%, var(--bg) 46%, #e6f4f1 100%);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button{font:inherit}.shell{min-height:100vh;padding:28px;position:relative}.workspace-shell{display:block}.focused-workspace{min-height:calc(100vh - 56px)}.header{color:#fff;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#0f172af5,#115e59e6);border:1px solid #ffffffc2;border-radius:32px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:stretch;gap:22px;margin-bottom:24px;padding:26px;display:grid;overflow:hidden}.header h1{color:#fff;text-wrap:balance;max-width:780px}.header .subtle{color:#ffffffc7;max-width:760px;font-size:18px}.header .eyebrow{color:#99f6e4}.sandbox-pill{color:#ccfbf1;text-transform:uppercase;letter-spacing:.06em;background:#f0fdfa24;border:1px solid #99f6e4b3;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:10px 14px;font-size:12px;font-weight:950;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.hero-actions .btn{box-shadow:0 16px 34px #0000002e}.hero-card{background:linear-gradient(160deg,#ffffff29,#ffffff0f);border:1px solid #fff3;border-radius:26px;align-content:space-between;gap:18px;min-height:210px;padding:22px;display:grid;box-shadow:inset 0 1px #ffffff29}.hero-card strong{font-size:24px;line-height:1.08}.hero-card small{color:#ffffffb8;font-weight:750;line-height:1.45}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}h1{margin:4px 0;font-size:clamp(32px,5vw,56px);line-height:1}h2{margin:6px 0 14px}h3{margin:0 0 8px}.subtle{color:var(--muted)}.grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);align-items:start;gap:20px;display:grid}.dashboard-grid{margin-top:20px}.panel{background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffffc2;border-radius:26px;padding:20px;box-shadow:0 18px 50px #0f172a1a}.status-strip{border:1px solid var(--line);background:#eef8f6;border-radius:22px;grid-template-columns:minmax(220px,1fr) auto minmax(180px,auto) minmax(220px,auto) minmax(220px,auto) auto;align-items:center;gap:14px;margin-bottom:20px;padding:14px;display:grid}.context-pill{color:var(--accent-strong);text-align:right;justify-self:end;gap:2px;font-size:13px;font-weight:800;display:grid}.context-pill small{color:var(--muted);font-size:11px;font-weight:850;display:block}.context-pill.session-live small{color:#047857}.context-pill.session-demo small{color:var(--warning-ink)}.connection-toggle{border:1px solid var(--line);color:var(--accent-strong);cursor:pointer;background:#fff;border-radius:999px;padding:10px 12px;font-weight:900}.connection-toggle.offline{background:var(--warning);color:var(--warning-ink);border-color:#fed7aa}.role-toggle{border:1px solid var(--line);background:#fff;border-radius:16px;gap:6px;padding:5px;display:inline-flex}.role-toggle button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:12px;padding:10px 14px;font-weight:800}.role-toggle button.active{background:var(--accent);color:#fff}.staff-selector{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.05em;gap:5px;font-size:12px;font-weight:900;display:grid}.staff-selector select{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;text-transform:none;letter-spacing:0;background:#fff;border-radius:14px;padding:10px 12px;font-weight:800}.pin-panel{border:1px solid var(--line);background:#fff;border-radius:16px;gap:6px;padding:8px;display:grid}.pin-panel label{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.05em;gap:5px;font-size:12px;font-weight:900;display:grid}.pin-panel input{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;border-radius:12px;padding:9px 10px;font-weight:800}.pin-panel small{color:var(--muted);font-weight:700;line-height:1.25}.pin-actions{flex-wrap:wrap;gap:6px;display:flex}.pin-actions .btn{padding:8px 10px;font-size:12px}.console-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.nav-card{text-align:left;min-height:98px;color:var(--ink);cursor:pointer;background:linear-gradient(#fff,#f8fafc);border:1px solid #ffffffb8;border-radius:22px;gap:6px;padding:17px;transition:transform .12s,box-shadow .12s,border-color .12s;display:grid;position:relative;box-shadow:0 12px 32px #0f172a14}.nav-card:hover{border-color:#14b8a673;transform:translateY(-2px);box-shadow:0 20px 42px #0f172a1f}.nav-card span{font-size:18px;font-weight:900}.nav-card small{color:var(--muted);line-height:1.25}.nav-card em{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.04em;background:#e7f3f1;border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:900;position:absolute;top:12px;right:12px}.nav-card.active{color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6);border-color:#14b8a6b3;box-shadow:0 18px 44px #0f766e38}.nav-card.active small{color:#ffffffc7}.nav-card.active em{color:#fff;background:#ffffff2e}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin:8px 0 16px;display:flex}.section-heading h2{margin-bottom:0}.notice.inline{max-width:420px;margin:0}.workspace-topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #ffffffb8;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:-10px 0 16px;padding:12px 14px;display:grid;position:sticky;top:0;box-shadow:0 16px 40px #0f172a1f}.main-menu-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:14px;padding:13px 16px;font-weight:950}.workspace-context{color:var(--accent-strong);justify-self:end;font-weight:900}.fullscreen-grid{grid-template-columns:minmax(0,1.65fr) minmax(340px,.65fr);min-height:calc(100vh - 150px)}.kiosk-shell{background:linear-gradient(135deg,#08111f 0%,#0f172a 48%,#123c39 100%);padding:16px}.kiosk-workspace{min-height:calc(100vh - 32px);color:var(--ink)}.kiosk-workspace .workspace-topbar{margin-top:0}.kiosk-workspace .operational-grid{min-height:calc(100vh - 104px)}.kiosk-workspace .kds-lanes,.kiosk-workspace .kds-lane{min-height:calc(100vh - 250px)}.kiosk-workspace .table-floor{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.fullscreen-grid .panel{min-height:0}.fullscreen-grid .till-products{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.fullscreen-grid .table-floor{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sticky-panel{position:sticky;top:18px}.products{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.till-panel{gap:16px;display:grid}.till-toolbar{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);align-items:end;gap:16px;display:grid}.till-toolbar h2{margin-bottom:6px}.till-search{color:var(--accent-strong);gap:7px;font-weight:900;display:grid}.till-search input{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:16px;padding:14px 16px;box-shadow:inset 0 1px #1720330a}.category-rail{scrollbar-width:thin;gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.category-rail button{border:1px solid var(--line);min-width:124px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 6px 18px #1720330d}.category-rail button span{font-weight:950;display:block}.category-rail button small{color:var(--muted);font-weight:800}.category-rail button.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 0 4px #0f766e1f}.category-rail button.active small{color:#ffffffc7}.service-category-rail button{min-width:136px;min-height:76px}.subcategory-rail{flex-wrap:wrap;gap:8px;margin-top:-6px;display:flex}.subcategory-rail button{border:1px solid var(--line);color:var(--accent-strong);cursor:pointer;background:#fff;border-radius:999px;padding:9px 12px;font-weight:900}.subcategory-rail button.active{border-color:var(--accent);background:#e7f3f1;box-shadow:0 0 0 3px #0f766e1a}.till-meta-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.till-meta-row strong{color:var(--ink);font-size:18px}.till-products{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.wide-panel{min-width:0}.product{border:1px solid var(--line);background:#fbfcff;border-radius:18px;padding:16px}.product-tile{text-align:left;min-height:170px;color:var(--ink);cursor:pointer;grid-template-rows:auto minmax(48px,1fr) auto auto;gap:6px;transition:transform 80ms,box-shadow 80ms,border-color 80ms;display:grid}.product-tile:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 10px 26px #1720331a}.product-tile:active{transform:translateY(1px)}.product-tile strong{font-size:18px;line-height:1.12}.product-tile small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.product-tile .category{color:#3730a3;text-transform:uppercase;letter-spacing:.035em;background:#eef2ff;border-radius:999px;justify-self:start;padding:4px 8px;font-size:11px;font-weight:900}.product-tile.tone-bar{background:#f0fdfa}.product-tile.tone-bar .category{color:#115e59;background:#ccfbf1}.product-tile.tone-drink{background:#eff6ff}.product-tile.tone-drink .category{color:#1d4ed8;background:#dbeafe}.product-tile.tone-food{background:#fff7ed}.product-tile.tone-food .category{color:#c2410c;background:#ffedd5}.quick-table-actions{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.table-chip-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.table-chip-list button{border:1px solid var(--line);cursor:pointer;color:var(--accent-strong);background:#fff;border-radius:999px;padding:8px 10px;font-weight:800}.table-floor,.template-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.template-grid.single-column{grid-template-columns:1fr}.service-table,.template-card{border:1px solid var(--line);background:#fbfcff;border-radius:18px;padding:16px}.service-table.available{background:#f8fafc}.service-table.seated{background:#fffbeb;border-color:#fde68a}.service-table.open_bill{background:#f0fdfa;border-color:#99f6e4}.service-table.needs_payment{background:#fef2f2;border-color:#fecaca}.table-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.table-header em{color:var(--muted);text-transform:capitalize;background:#fff;border-radius:999px;padding:4px 8px;font-size:12px;font-style:normal;font-weight:900}.table-total{margin:8px 0;font-size:24px;font-weight:900}.service-table.timer-amber{box-shadow:0 0 0 3px #f59e0b24}.service-table.timer-red{box-shadow:0 0 0 3px #dc262624}.table-timers{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0;display:grid}.table-timers span{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:12px;gap:2px;padding:7px;font-size:12px;font-weight:800;display:grid}.table-timers strong{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.timer-chip b{color:var(--ink);font-size:15px}.timer-chip small{text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:900}.timer-chip.green{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.timer-chip.amber{color:#92400e;background:#fffbeb;border-color:#fde68a}.timer-chip.red{color:#b42318;background:#fef2f2;border-color:#fecaca}.timer-chip.complete{color:var(--accent-strong);background:#f0fdfa;border-color:#99f6e4}.timer-chip.idle{background:#f8fafc}.table-actions{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.table-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:9px;font-weight:800}.table-actions .primary-table-action{background:var(--accent);color:#fff;border-color:var(--accent);grid-column:1/-1}.table-actions button:disabled{opacity:.45;cursor:not-allowed}.transfer-box{border-top:1px dashed var(--line);gap:8px;margin-top:12px;padding-top:12px;display:grid}.transfer-box label{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.05em;gap:6px;font-size:12px;font-weight:900;display:grid}.transfer-box select,.field select{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:12px;padding:10px 12px;font-weight:800}.transfer-box button{border:1px solid var(--accent);color:var(--accent-strong);cursor:pointer;background:#e7f3f1;border-radius:12px;padding:10px 12px;font-weight:900}.kds-lanes{grid-template-columns:repeat(3,minmax(220px,1fr));align-items:start;gap:14px;display:grid}.kds-lane{background:linear-gradient(#f8fafc,#eef2f7);border:1px solid #94a3b84d;border-radius:20px;align-content:start;gap:10px;min-height:240px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffffb3}.kds-lane.preparing{background:linear-gradient(#fffbeb,#fef3c7);border-color:#fde68a}.kds-lane.ready{background:linear-gradient(#f0fdf4,#dcfce7);border-color:#86efac}.kds-lane-header,.kds-ticket-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.kds-lane-header strong{font-size:18px}.kds-lane-header span,.kds-ticket em{color:var(--muted);background:#fff;border-radius:999px;padding:5px 9px;font-size:12px;font-style:normal;font-weight:950}.kds-ticket{background:#fff;border:1px solid #0f172a14;border-radius:18px;gap:9px;padding:14px;display:grid;box-shadow:0 12px 26px #0f172a14}.kds-ticket p{margin:0;font-weight:850}.kds-ticket small{color:var(--muted)}.kds-actions{flex-wrap:wrap;gap:6px;display:flex}.kds-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:900}.kds-actions button.active,.kds-actions .primary-table-action{border-color:var(--accent);background:var(--accent);color:#fff}.demo-steps{color:var(--muted);padding-left:20px}.service-timer-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.service-timer-summary div{border:1px solid var(--line);background:#fbfcff;border-radius:14px;gap:2px;padding:10px;display:grid}.service-timer-summary strong{color:var(--accent-strong);font-size:20px}.service-timer-summary span{color:var(--muted);font-size:12px;font-weight:800}.timer-alert-list{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:14px;gap:6px;margin:12px 0;padding:12px;font-size:13px;font-weight:800;display:grid}.timer-alert-list strong{color:#78350f}.manager-correction-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;gap:8px;margin:10px 0;padding:10px;display:grid}.manager-correction-box strong{color:#1d4ed8}.manager-correction-box span{color:var(--muted);font-size:12px;font-weight:800}.manager-correction-box .actions{margin:0}.template-card ul{color:var(--muted);margin:10px 0 0;padding-left:18px}.price{font-size:24px;font-weight:900}.category{color:var(--muted);font-size:13px}.basket-line,.metric{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.service-line{grid-template-columns:minmax(0,1fr) auto;display:grid}.service-line-main{gap:4px;display:grid}.service-line-main small{color:var(--muted);font-weight:750}.service-line-main .allergy-note{color:#b42318;font-weight:900}.service-prompts{flex-wrap:wrap;grid-column:1/-1;gap:7px;margin-top:8px;display:flex}.service-prompts button{background:var(--warning);color:var(--warning-ink);cursor:pointer;border:1px solid #fed7aa;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:900}.field.compact{color:var(--accent-strong);grid-column:1/-1;margin-top:8px;font-size:12px}.field.compact input{padding:9px 10px}.metric.compact{padding:8px 0;font-size:14px}.total{margin-top:18px;font-size:32px;font-weight:900}.actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.actions.three{grid-template-columns:repeat(3,1fr)}.btn{background:var(--accent);color:#fff;text-align:center;cursor:pointer;border:0;border-radius:14px;padding:14px 16px;font-weight:800;text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.45}.btn.full{width:100%;margin-top:12px}.btn.secondary{color:var(--accent-strong);background:#e7f3f1}.receipt{color:#f9fafb;white-space:pre-wrap;background:#111827;border-radius:18px;max-height:360px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.qty-actions{align-items:center;gap:8px;display:inline-flex}.qty-actions button{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:32px;height:32px;font-weight:900}.payment-box,.split-payment-box{border:1px solid var(--line);background:#fbfcff;border-radius:18px;gap:10px;margin-top:18px;padding:14px;display:grid}.split-payment-box{background:#eff6ff;border-color:#bfdbfe}.split-lines{gap:7px;display:grid}.split-line-choice{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;font-weight:800;display:grid}.split-line-choice span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.partial-payment-row{grid-template-columns:1fr .7fr;gap:10px;display:grid}.field{gap:6px;font-weight:800;display:grid}.field input{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:12px;padding:12px}.error{color:#b42318;font-weight:800}.success{color:#067647;font-weight:800}.notice{background:var(--warning);color:var(--warning-ink);border-radius:14px;margin:0 0 14px;padding:12px;font-weight:800}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:10px;display:grid}.metric-card{border:1px solid var(--line);background:#fbfcff;border-radius:16px;padding:14px}.metric-card span{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.metric-card strong{font-size:24px}.metric-card small{color:var(--muted);margin-top:4px;font-size:12px;font-weight:800;display:block}.service-kpi-panel{background:#f0fdfa;border:1px solid #99f6e4;border-radius:18px;margin-top:16px;padding:14px}.service-kpi-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.service-kpi-heading h3{margin-bottom:4px}.risk-badge{color:#166534;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#dcfce7;border-radius:999px;padding:6px 10px;font-size:12px}.risk-badge.warning{color:#92400e;background:#fffbeb}.service-metrics-grid{margin-top:12px}.service-niche-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.service-niche-strip span{color:var(--muted);background:#fff;border:1px solid #0f766e2e;border-radius:12px;padding:9px;font-size:12px;font-weight:850}.service-niche-strip strong{color:var(--accent-strong);font-size:18px;display:block}.chart-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.mini-chart{border:1px solid var(--line);background:#fbfcff;border-radius:16px;gap:9px;padding:12px;display:grid}.chart-row{grid-template-columns:minmax(82px,.9fr) minmax(80px,1.4fr) auto;align-items:center;gap:8px;font-size:12px;display:grid}.chart-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-weight:850;overflow:hidden}.chart-row strong{white-space:nowrap;font-size:12px}.chart-track{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.chart-track b{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #14b8a6);min-width:3px;height:100%;display:block}.cash-up-detail{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.cash-up-detail>div{border:1px solid var(--line);background:#fbfcff;border-radius:16px;padding:12px}.demo-reset-box{background:#f0fdfa;border:1px dashed #99f6e4;border-radius:18px;gap:12px;margin-top:16px;padding:14px;display:grid}.audit-list,.table-list{gap:10px;display:grid}.audit-event{border:1px solid var(--line);background:#fbfcff;border-radius:14px;gap:3px;padding:12px;display:grid}.audit-event span,.audit-event small{color:var(--muted)}.sync-status{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:18px;gap:4px;padding:16px;display:grid}.sync-status.offline{background:var(--warning);color:var(--warning-ink);border-color:#fed7aa}.queue-row{border:1px solid var(--line);background:#fbfcff;border-radius:14px;grid-template-columns:minmax(0,1.3fr) auto auto minmax(120px,.8fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.queue-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-row em{color:var(--muted);text-transform:capitalize;font-style:normal}.queue-row small{color:var(--muted)}.inventory-list{gap:10px;margin-top:14px;display:grid}.inventory-row{border:1px solid var(--line);background:#fbfcff;border-radius:14px;grid-template-columns:minmax(0,1.4fr) auto auto auto auto auto;align-items:center;gap:10px;padding:12px;display:grid}.inventory-row.low{background:#fffbeb;border-color:#fde68a}.inventory-row.out{background:#fef2f2;border-color:#fecaca}.inventory-row div{gap:3px;display:grid}.inventory-row small{color:var(--muted)}.inventory-row span{white-space:nowrap;font-weight:850}.inventory-row em{color:var(--accent-strong);white-space:nowrap;background:#fff;border-radius:999px;padding:5px 8px;font-style:normal;font-weight:950}.inventory-row button{border:1px solid var(--line);color:var(--accent-strong);cursor:pointer;background:#fff;border-radius:12px;padding:9px 10px;font-weight:900}.stock-reorder-list{border-top:1px dashed var(--line);margin-top:16px;padding-top:14px}.row-button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fbfcff;border-radius:14px;grid-template-columns:minmax(0,1.5fr) 1fr auto auto;align-items:center;gap:10px;width:100%;padding:12px;display:grid}.row-button.selected{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1f}.row-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-button em{color:var(--muted);text-transform:capitalize;font-style:normal}.receipt-summary{gap:6px;margin-bottom:12px;display:grid}.admin-panel{margin-top:20px}.admin-panel.standalone-panel{margin-top:0}.import-card{border:1px solid var(--line);background:#f8fafc;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin:18px 0;padding:14px;display:flex}.file-upload{white-space:nowrap;position:relative;overflow:hidden}.file-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.product-form{grid-template-columns:repeat(5,minmax(140px,1fr)) auto;align-items:end;gap:12px;margin:18px 0;display:grid}.admin-products{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width:1180px){.header{grid-template-columns:1fr}.hero-card{min-height:auto}.status-strip{grid-template-columns:1fr 1fr}.context-pill{text-align:left;justify-self:start}.console-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.kds-lanes{grid-template-columns:1fr}.kiosk-workspace .kds-lanes,.kiosk-workspace .kds-lane{min-height:auto}}@media (max-width:1050px){.product-form{grid-template-columns:repeat(2,minmax(0,1fr))}.status-strip{grid-template-columns:1fr}.console-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.till-toolbar,.grid,.fullscreen-grid{grid-template-columns:1fr}.sticky-panel{position:static}.chart-grid{grid-template-columns:1fr}}@media (max-width:860px){.shell{padding:18px}.header{border-radius:26px;padding:22px}.header .subtle{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{text-align:center;justify-content:center;width:100%}.panel{border-radius:22px;padding:16px}.nav-card{min-height:84px}.section-heading,.workspace-topbar{grid-template-columns:1fr;align-items:flex-start}.workspace-context{justify-self:start}.metrics-grid,.actions.three,.cash-up-detail,.service-niche-strip,.row-button,.queue-row,.inventory-row{grid-template-columns:1fr}.inventory-row span,.inventory-row em,.queue-row span,.row-button span{white-space:normal}.table-floor,.template-grid,.products,.admin-products,.till-products{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.kiosk-shell{padding:10px}.kiosk-workspace{min-height:calc(100vh - 20px)}}@media (max-width:640px){h1{font-size:clamp(34px,12vw,46px)}h2{font-size:22px}.shell{padding:14px}.header{border-radius:22px;gap:16px;padding:18px}.hero-card{border-radius:20px;padding:16px}.hero-card strong{font-size:20px}.sandbox-pill{padding:8px 11px;font-size:11px}.console-nav{grid-template-columns:1fr}.nav-card{min-height:auto;padding:15px}.workspace-topbar{padding:12px;position:static}.main-menu-button,.btn,.connection-toggle,.file-upload{text-align:center;justify-content:center;width:100%}.role-toggle{grid-template-columns:1fr 1fr;width:100%;display:grid}.role-toggle button{width:100%}.pin-actions,.button-row{justify-content:stretch}.pin-actions .btn,.button-row .btn,.button-row button{flex:100%}.category-rail{margin-inline:-2px;padding-bottom:12px}.category-rail button{min-width:112px;padding:10px 12px}.products,.till-products,.table-floor,.template-grid,.admin-products{grid-template-columns:1fr}.product-tile{min-height:142px}.table-timers,.table-actions,.actions,.partial-payment-row,.split-line-choice{grid-template-columns:1fr}.split-line-choice span,.product-tile small{white-space:normal}.kds-ticket-top,.kds-lane-header,.table-header,.import-card,.till-meta-row{flex-direction:column;align-items:flex-start}.kds-actions{grid-template-columns:1fr 1fr}.kds-actions .primary-table-action{grid-column:1/-1}.product-form{grid-template-columns:1fr}.receipt{max-height:280px;font-size:12px}}@media (max-width:420px){.shell{padding:10px}.header,.panel{border-radius:18px}.status-strip{border-radius:18px;padding:10px}.service-table,.template-card,.product{border-radius:16px;padding:13px}.kds-actions{grid-template-columns:1fr}}.button-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.integration-list{gap:14px;margin-top:16px;display:grid}.integration-card{border:1px solid var(--line);background:#fbfcff;border-radius:20px;gap:12px;padding:16px;display:grid}.integration-card-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.integration-card-header strong{font-size:18px;display:block}.integration-card-header small{color:var(--muted);margin-top:4px;font-weight:800;display:block}.status-badge{color:#3730a3;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#eef2ff;border-radius:999px;padding:6px 10px;font-size:11px;font-style:normal;font-weight:950}.status-badge.enabled{color:#166534;background:#dcfce7}.status-badge.pending_review{color:#92400e;background:#fffbeb}.status-badge.paused{color:#b42318;background:#fef2f2}.integration-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.integration-meta-grid span,.integration-tenant-box{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:14px;gap:3px;padding:10px;font-size:12px;font-weight:800;display:grid}.integration-meta-grid b,.integration-tenant-box strong{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.integration-tenant-box{margin:14px 0}.integration-tenant-box small{color:var(--muted);overflow-wrap:anywhere;font-weight:800}@media (max-width:900px){.integration-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.integration-card-header{display:grid}.integration-meta-grid{grid-template-columns:1fr}}.token-once-box{background:var(--warning);color:var(--warning-ink);border:1px solid #fed7aa;border-radius:16px;gap:6px;margin:14px 0;padding:12px;display:grid}.token-once-box code{overflow-wrap:anywhere;color:#f9fafb;background:#111827;border-radius:12px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:block}.token-once-box small{font-weight:850}
