:root{--blue:#052754;--accent:#006eff;--bg:#eef2f7;--ink:#172e48;--muted:#64748b}*:where(:not(.v7-portal-shell,.v7-portal-shell *)){box-sizing:border-box}body:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-family:var(--font,system-ui),sans-serif;margin:0;color:var(--ink);background:var(--bg)}header:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;justify-content:space-between;gap:16px;padding:18px 24px;background:var(--surface,#fff);border-bottom:1px solid #dae2ed;align-items:center}h1:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:23px;margin:6px 0}h2:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin:0 0 14px;font-size:21px}h3:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:17px}small:where(:not(.v7-portal-shell,.v7-portal-shell *)),.muted:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:var(--muted)}.badge:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:11px;letter-spacing:1px;font-weight:800;color:var(--blue);background:#e1edfa;padding:5px 9px;border-radius:6px}.header-right:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;align-items:center;gap:12px}nav:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;gap:10px;padding:12px 20px;position:sticky;top:0;background:var(--bg);z-index:10}button:where(:not(.v7-portal-shell,.v7-portal-shell *)){border:1px solid #d2dce8;padding:11px 14px;border-radius:10px;background:var(--surface,#fff);color:var(--ink);font-weight:700;cursor:pointer;min-height:44px}button:disabled:where(:not(.v7-portal-shell,.v7-portal-shell *)){opacity:.5;cursor:wait}button.active:where(:not(.v7-portal-shell,.v7-portal-shell *)),button.primary:where(:not(.v7-portal-shell,.v7-portal-shell *)),.primary:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--blue);color:white;border-color:var(--blue)}button.danger:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:#b42318}.toolbar:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.toolbar h2:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin:0;flex:1}.panel:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--surface,#fff);border:1px solid #dce4ee;border-radius:15px;padding:20px;margin-bottom:16px}#content:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:8px 20px 24px;max-width:1600px;margin:auto}.cards:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.order:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:18px;background:var(--surface,#fff);border-radius:14px;border-left:5px solid var(--accent)}.order h3:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin:8px 0}.order .amount:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:25px;font-weight:800}.pos-head:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px}.total:where(:not(.v7-portal-shell,.v7-portal-shell *)){text-align:right}.total strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(35px,7vw,60px);line-height:1.1;display:block;color:var(--blue)}.total small:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block;margin-top:8px}.product-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:0;overflow:hidden;text-align:left;display:flex;flex-direction:column;min-width:0;border-radius:14px}.product img:where(:not(.v7-portal-shell,.v7-portal-shell *)),.product .placeholder:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%;aspect-ratio:1.25;object-fit:contain;background:#e7eef7}.placeholder:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;place-items:center;font-size:38px}.product .description:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:12px;width:100%}.product b:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:14px;display:block;overflow-wrap:anywhere}.product strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block;font-size:20px;margin:8px 0}.cart:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-top:20px}.cart-row:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #e5eaf1}.cart-row .name:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex:1}.cart-row small:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block}.cart-footer:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;gap:10px;justify-content:flex-end;padding-top:16px}.switch:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:inline-flex;align-items:center;gap:8px;cursor:pointer}.switch input:where(:not(.v7-portal-shell,.v7-portal-shell *)){appearance:none;width:40px;height:24px;border-radius:30px;background:#cbd5e1;position:relative;flex:none}.switch input:where(:not(.v7-portal-shell,.v7-portal-shell *)):before{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--surface,#fff);transition:.15s}.switch input:checked:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--accent)}.switch input:checked:where(:not(.v7-portal-shell,.v7-portal-shell *)):before{left:19px}input:not([type=checkbox]):where(:not(.v7-portal-shell,.v7-portal-shell *)),select:where(:not(.v7-portal-shell,.v7-portal-shell *)),textarea:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%;border:1px solid #cbd5e1;border-radius:8px;font:inherit;padding:10px;background:var(--surface,#fff);min-height:44px}label:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block;font-size:14px;line-height:1.7}.form-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:1fr 1fr;gap:12px}label.full:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-column:1/-1}.choices label:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid #eef2f6}.subchoices:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding-left:26px}.option:where(:not(.v7-portal-shell,.v7-portal-shell *)){border:1px solid #e3eaf3;padding:12px;border-radius:10px;margin:8px 0}.nested:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-left:20px}.row:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}table:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%;border-collapse:collapse;font-size:14px}td:where(:not(.v7-portal-shell,.v7-portal-shell *)),th:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:12px 8px;text-align:left;border-bottom:1px solid #e1e8f0}.table-wrap:where(:not(.v7-portal-shell,.v7-portal-shell *)){overflow-x:auto}dialog:where(:not(.v7-portal-shell,.v7-portal-shell *)){border:0;border-radius:18px;width:min(680px,96vw);max-height:92vh;padding:24px;color:var(--ink);box-shadow:0 20px 80px #0004}dialog:where(:not(.v7-portal-shell,.v7-portal-shell *))::backdrop{background:#10243acc;backdrop-filter:blur(4px)}.dialog-actions:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.error:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:#b42318}#toast:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:14px 20px;background:#132b43;color:white;z-index:100;border-radius:10px;max-width:90vw}#busy:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:fixed;inset:0;z-index:200;background:#122b49aa;display:grid;place-items:center}#busy[hidden]:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:none}#busy>div:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--surface,#fff);padding:32px;border-radius:18px;display:flex;align-items:center;gap:16px}.spinner:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:25px;height:25px;border:3px solid #d4e1f3;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-height:100vh;display:grid;place-items:center;background:linear-gradient(125deg,#052754,#146cb4);padding:20px}.login form:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--surface,#fff);border-radius:24px;padding:36px;max-width:440px;width:100%}.login label:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin:16px 0}.login button:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%;margin-top:10px}.display:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--display-bg,#061d35);color:var(--display-ink,#fff);min-height:100vh;padding:36px}.display h1:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:38px}.display .total:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:25px;background:var(--display-surface,#102f51);border-radius:18px}.display .total strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:var(--display-ink,#fff);font-size:72px}.display .total small:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:#a8c4e7}.display .cart-row:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:24px;border-color:#2e4764;padding:18px 0}.display footer:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-top:35px;text-align:center;font-size:28px}.receipt:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--surface,#fff);color:black;max-width:400px;padding:24px;margin:20px auto}.receipt h1:where(:not(.v7-portal-shell,.v7-portal-shell *)){text-align:center}.receipt table:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px}@media(max-width:600px){header:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:12px 14px}h1:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:19px}nav:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:10px;gap:6px}nav button:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:10px 7px;font-size:12px}#content:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:8px 10px 24px}.product-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){gap:7px}.product .description:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:8px}.product b:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px}.product strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:17px}.product small:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:10px}.form-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:1fr}.panel:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:14px}.header-right .badge:where(:not(.v7-portal-shell,.v7-portal-shell *)){max-width:90px}.display:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:20px}.display .total strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:52px}}@media print{.no-print:where(:not(.v7-portal-shell,.v7-portal-shell *)),header:where(:not(.v7-portal-shell,.v7-portal-shell *)),nav:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:none!important}.receipt:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin:0;max-width:80mm;width:100%;padding:0}body:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--surface,#fff)}}

.table-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.table-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){border:2px solid #13864e;border-radius:16px;background:#fff;padding:20px}.table-card.occupied:where(:not(.v7-portal-shell,.v7-portal-shell *)){border-color:#e39b20;background:#fff9ed}.table-card h2:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:28px}.payQR:where(:not(.v7-portal-shell,.v7-portal-shell *)){max-width:100%;background:#fff;margin:12px 0}.qrError:where(:not(.v7-portal-shell,.v7-portal-shell *)){max-width:100%;overflow-wrap:anywhere}

[hidden]:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:none!important}header:where(:not(.v7-portal-shell,.v7-portal-shell *)){box-shadow:0 3px 18px #10243a08}nav:where(:not(.v7-portal-shell,.v7-portal-shell *)){overflow-x:auto;box-shadow:0 1px 0 #10243a12}nav button:where(:not(.v7-portal-shell,.v7-portal-shell *)){white-space:nowrap}.panel:where(:not(.v7-portal-shell,.v7-portal-shell *)){box-shadow:0 5px 22px #10243a06}.device-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 24px}.device-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;align-items:center;flex-direction:column;gap:10px;padding:20px 12px;border:2px solid #d7e1ed;text-align:center;min-width:0}.device-card svg:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:48px;height:48px;fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.device-card small:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px;line-height:1.6;overflow-wrap:anywhere}.device-card.selected:where(:not(.v7-portal-shell,.v7-portal-shell *)){border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 16%,transparent)}.device-card:disabled:where(:not(.v7-portal-shell,.v7-portal-shell *)){cursor:not-allowed;opacity:.5}.table-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--surface,#fff);box-shadow:0 4px 20px #10243a08}.table-card.occupied:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--surface,#fff)}.table-card .dialog-actions:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex-wrap:wrap}.dialog-actions:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex-wrap:wrap}dialog:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--surface,#fff);font-family:var(--font,system-ui),sans-serif}.display small:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display .total small:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:var(--display-ink,#fff);opacity:.75}.display .total:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:var(--display-ink,#fff)}@media(min-width:1100px){.pos-head:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding-bottom:18px;border-bottom:1px solid #dce4ee}.product-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:repeat(5,minmax(0,1fr))}.product:hover:where(:not(.v7-portal-shell,.v7-portal-shell *)){border-color:var(--blue);box-shadow:0 5px 16px #10243a12}.product .description:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-height:112px}}@media(max-width:700px){.header-right:where(:not(.v7-portal-shell,.v7-portal-shell *)){gap:6px;flex-wrap:wrap;justify-content:flex-end}.header-right button:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px;padding:8px}header:where(:not(.v7-portal-shell,.v7-portal-shell *)){gap:8px}.device-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:14px 8px}.product-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:repeat(3,minmax(0,1fr))}.cart-footer:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex-wrap:wrap}.cart-row:where(:not(.v7-portal-shell,.v7-portal-shell *)){gap:6px}.cart-row button:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:8px}.table-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.table-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:14px}.table-card h2:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:22px}}

button:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-family:var(--font,system-ui),sans-serif}input:where(:not(.v7-portal-shell,.v7-portal-shell *)),select:where(:not(.v7-portal-shell,.v7-portal-shell *)),textarea:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-family:var(--font,system-ui),sans-serif}
/* VER62 · cada pantalla recibe únicamente la apariencia de su comercio. */
[data-sales-screen]:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-family:var(--font-body,system-ui,sans-serif);background:var(--background,#000);color:var(--text,#fff)}[data-sales-screen] h1:where(:not(.v7-portal-shell,.v7-portal-shell *)),[data-sales-screen] h2:where(:not(.v7-portal-shell,.v7-portal-shell *)),[data-sales-screen] h3:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-family:var(--font-heading,system-ui,sans-serif)}[data-sales-screen] button:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-family:var(--font-button,system-ui,sans-serif);background:var(--button,#195f7b);color:var(--button-text,#fff);border-color:var(--border,#72818c)}[data-sales-screen] header:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--header-background,#000);color:var(--header-text,#fff);border-color:var(--border)}[data-sales-screen] header small:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:inherit;display:block;margin-top:5px}[data-sales-screen] .panel:where(:not(.v7-portal-shell,.v7-portal-shell *)),[data-sales-screen] dialog:where(:not(.v7-portal-shell,.v7-portal-shell *)),[data-sales-screen] .order:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--surface,#d3d3d3);color:var(--surface-text,#151515)}[data-sales-screen] input:where(:not(.v7-portal-shell,.v7-portal-shell *)),[data-sales-screen] select:where(:not(.v7-portal-shell,.v7-portal-shell *)),[data-sales-screen] textarea:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--surface,#d3d3d3);color:var(--surface-text,#151515)}[data-sales-screen] small:where(:not(.v7-portal-shell,.v7-portal-shell *)),[data-sales-screen] .muted:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:inherit;opacity:.8}[data-sales-screen] .total strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:var(--total-text,#fff);font-family:var(--font-total,system-ui,sans-serif)}[data-sales-screen] .panel .total strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:var(--surface-text,#151515)}[data-sales-screen] .badge:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--button);color:var(--button-text)}.commerce-brand:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;align-items:center;gap:16px;min-width:0}.commerce-brand img:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:80px;height:80px;object-fit:contain;flex-shrink:0}.commerce-brand h1:where(:not(.v7-portal-shell,.v7-portal-shell *)){overflow-wrap:anywhere}.home-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:850px;margin:35px auto}.home-tile:where(:not(.v7-portal-shell,.v7-portal-shell *)){aspect-ratio:1.1;border-radius:35px!important;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;box-shadow:0 6px 20px #0002}.home-tile span:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(45px,9vw,90px)}.home-tile strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(18px,3vw,30px)}#productPicker:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:min(1000px,96vw)}#optionPicker:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:min(800px,96vw)}.layer-body:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-top:16px}.product-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:repeat(3,minmax(0,1fr))!important;background:var(--grid-background,#d3d3d3);padding:12px;border-radius:12px;margin-top:16px}.product:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:var(--grid-text,#151515)!important;background:var(--grid-background,#d3d3d3)!important}.product img:where(:not(.v7-portal-shell,.v7-portal-shell *)),.product .placeholder:where(:not(.v7-portal-shell,.v7-portal-shell *)){aspect-ratio:1;object-fit:contain;background:var(--grid-background,#d3d3d3)}.option-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)),.payment-method-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.option-button:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:relative;padding:0!important;border:0!important;cursor:pointer}.option-button input:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:absolute;opacity:0}.option-button span:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:100px;padding:12px;background:var(--grid-background);color:var(--grid-text);border:2px solid var(--border);border-radius:12px;text-align:center}.option-button input:checked+span:where(:not(.v7-portal-shell,.v7-portal-shell *)){border-color:var(--button);box-shadow:0 0 0 3px var(--button);background:var(--button);color:var(--button-text)}.option-button input:focus-visible+span:where(:not(.v7-portal-shell,.v7-portal-shell *)){outline:3px solid var(--button)}.payment-method-grid button:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-height:85px}.payment-method-grid small:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block;margin-top:8px}.payment-method-grid button.selected:where(:not(.v7-portal-shell,.v7-portal-shell *)){outline:3px solid var(--accent,#ef8b21);outline-offset:2px}.method-picker:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-column:1/-1}.payInstructions:where(:not(.v7-portal-shell,.v7-portal-shell *)){white-space:pre-wrap}.table-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin:auto}.table-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--available,#228b45)!important;color:var(--table-text,#fff);border:0;padding:24px;min-height:270px;display:flex;flex-direction:column;justify-content:center;border-radius:25px}.table-card.occupied:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--occupied,#ef8b21)!important}.table-card h2:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(28px,5vw,65px);text-align:center;overflow-wrap:anywhere}.table-card p:where(:not(.v7-portal-shell,.v7-portal-shell *)){text-align:center}.table-card strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){text-align:center;font-size:20px}.table-card .dialog-actions:where(:not(.v7-portal-shell,.v7-portal-shell *)){justify-content:center;margin-top:auto}.display:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:0!important;min-height:100vh}.display-header:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:18px 30px!important}.display-header>div:last-child:where(:not(.v7-portal-shell,.v7-portal-shell *)){text-align:right}.display-layout:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:1.55fr 1fr;gap:24px;padding:20px 30px}.display-customer:where(:not(.v7-portal-shell,.v7-portal-shell *)){border-radius:28px;background:var(--customer-background,#d3d3d3);color:var(--surface-text,#151515);padding:24px;display:flex;flex-direction:column;gap:8px;font-size:clamp(20px,2.6vw,36px)}.display-customer strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(24px,3vw,44px);overflow-wrap:anywhere}.display-product-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:22px;background:var(--grid-background,#d3d3d3);border-radius:25px;padding:20px;color:var(--grid-text,#151515)}.display-product:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:10px;border-bottom:1px solid var(--border);font-size:clamp(18px,1.7vw,28px);overflow-wrap:anywhere}.display-product b:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display-product strong:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display-product small:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block;margin-bottom:8px}.display-product small:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:.72em}.display-total:where(:not(.v7-portal-shell,.v7-portal-shell *)){text-align:center;margin:10px 0 24px}.display-total strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(50px,7vw,108px);font-family:var(--font-total,system-ui,sans-serif);color:var(--total-text,#fff);display:block;line-height:1.1}.display-total b:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(24px,3.6vw,55px);display:block;margin-top:10px}.display-total small:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block;margin-top:8px}.display-payment:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:var(--payment-background,#d3d3d3);color:var(--surface-text,#151515);border-radius:26px;text-align:center;padding:20px}.display-payment h2:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-bottom:10px}.display-payment p:where(:not(.v7-portal-shell,.v7-portal-shell *)){white-space:pre-wrap;font-size:clamp(17px,1.8vw,26px);overflow-wrap:anywhere}.display-qr:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:#fff;border-radius:20px;padding:12px;margin:16px auto 0;width:fit-content;max-width:100%}.display-qr canvas:where(:not(.v7-portal-shell,.v7-portal-shell *)){max-width:100%;height:auto;display:block}.display footer:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:14px!important;letter-spacing:2px;margin:12px 0!important;padding:10px}.display #displayMessage:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:18px;text-align:center}@media(max-width:600px){.commerce-brand:where(:not(.v7-portal-shell,.v7-portal-shell *)){gap:8px}.commerce-brand img:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:50px;height:50px}.home-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){gap:16px;margin-top:22px}.home-tile:where(:not(.v7-portal-shell,.v7-portal-shell *)){border-radius:24px!important}.product-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){gap:8px;padding:8px}.option-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)),.payment-method-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){gap:8px}.option-button span:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:8px;font-size:12px}.table-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:14px;min-height:240px}.table-card strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:16px}.table-card .dialog-actions button:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px}.display-layout:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:14px;gap:12px;grid-template-columns:1.4fr 1fr}.display-header:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:12px!important}.display-customer:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:14px;font-size:16px}.display-customer strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:20px}.display-product-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:10px;gap:8px}.display-product:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:15px;padding:4px}.display-total strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:42px}.display-total b:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:25px}.display-payment:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:10px}.display-payment p:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:13px}}
[data-sales-screen] .muted:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:var(--muted,#64748b)}[data-sales-screen] header small:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:var(--header-text,#fff);opacity:.85}.display .display-total strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:var(--total-text,#fff)}[data-sales-screen] .choices legend small:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:var(--surface-text,#151515)}
[data-sales-screen] .panel .total strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:var(--total-text,#151515)}.option-button strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-family:var(--font-total,system-ui,sans-serif)}
.home-tile:disabled:where(:not(.v7-portal-shell,.v7-portal-shell *)){cursor:not-allowed;opacity:.38}.display:where(:not(.v7-portal-shell,.v7-portal-shell *)){height:100dvh;display:flex;flex-direction:column;overflow:hidden}.display-header .commerce-brand img:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:64px;height:64px}.display-header:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex-shrink:0;padding:14px 30px!important}.display-layout:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex:1;min-height:0}.display-left:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display-right:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-height:0;display:flex;flex-direction:column}.display-customer:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex-shrink:0}.display-product-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-height:0;overflow:auto}.display-total:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex-shrink:0;margin:0 0 16px}.display-total strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(42px,9vh,108px)}.display-total b:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(24px,5vh,55px)}.display-payment:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-height:0;overflow:auto}.display-payment p:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(16px,1.4vw,24px);margin:12px 0}.display-qr canvas:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:min(320px,22vh);height:auto}.display #displayMessage:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin:12px 0 0;font-size:16px}.display footer:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex-shrink:0;font-size:12px!important;margin:0!important;padding:8px}
[data-sales-screen] .choices .option-button:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block!important;width:100%}.option-button span:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%;font-family:var(--font-button,system-ui,sans-serif)}
/* VER63 · estructura de las referencias y tarjetas de producto uniformes. */
[data-sales-screen] header:where(:not(.v7-portal-shell,.v7-portal-shell *)){border:0;box-shadow:none;padding:16px 3.3%;align-items:flex-start}
[data-sales-screen] .commerce-brand h1:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(22px,3.9vw,35px);font-weight:700;margin:7px 0 0}
[data-sales-screen] .commerce-brand img:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:clamp(60px,11vw,100px);height:clamp(60px,11vw,100px)}
[data-sales-screen] header small:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px;letter-spacing:0;margin-top:4px}
.header-right:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:relative;padding-top:10px;align-items:center}.header-right>b:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(12px,1.8vw,17px);font-weight:400}
.sales-menu summary:where(:not(.v7-portal-shell,.v7-portal-shell *)){cursor:pointer;font-size:24px;list-style:none;padding:0 6px}.sales-menu>div:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:absolute;right:0;top:50px;background:var(--surface);color:var(--surface-text);border:1px solid var(--border);border-radius:12px;padding:12px;z-index:30;width:210px;display:grid;gap:8px}.sales-menu .badge:where(:not(.v7-portal-shell,.v7-portal-shell *)){letter-spacing:0}.sales-menu summary:where(:not(.v7-portal-shell,.v7-portal-shell *))::-webkit-details-marker{display:none}
[data-sales-view=home] nav:where(:not(.v7-portal-shell,.v7-portal-shell *)),[data-sales-view=tables] nav:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:none}
.home-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){max-width:770px;width:88%;gap:24px 7%;margin:0 auto}.home-tile:where(:not(.v7-portal-shell,.v7-portal-shell *)){aspect-ratio:1.065;border-radius:clamp(25px,6.7vw,60px)!important;border:3px solid var(--border)!important;box-shadow:none}.home-tile strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(18px,3.3vw,30px);font-weight:400}
.table-tools:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin:0 auto 10px;max-width:770px;font-size:12px}.table-tools summary:where(:not(.v7-portal-shell,.v7-portal-shell *)){cursor:pointer}.table-tools>div:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;gap:8px;padding:8px 0}
.table-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){max-width:770px;width:88%;gap:24px 7%}.table-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){aspect-ratio:1.065;min-height:0;padding:0 14px 18px;border:3px solid var(--border)!important;border-radius:clamp(25px,6.7vw,60px);justify-content:flex-start;box-shadow:none;overflow:hidden}
.table-card h2:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(42px,10vw,90px);line-height:1.08;font-weight:400;border-bottom:2px solid var(--border);margin:0 -14px;padding:8px 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}
.table-consumption:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:10px 0}.table-consumption strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(14px,2.3vw,20px);font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.table-consumption p:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(22px,3.4vw,30px);font-weight:700;margin:12px 0 0}
.table-card .dialog-actions:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin:0;flex-wrap:nowrap;gap:12px}.table-card .dialog-actions button:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(12px,2vw,18px);font-weight:400;border:1px solid var(--border);background:transparent;color:var(--table-text);border-radius:10px;padding:5px 14px;min-height:36px}.table-card button:disabled:where(:not(.v7-portal-shell,.v7-portal-shell *)){cursor:not-allowed}
/* El marco mantiene una medida común. La foto lo llena sin deformarse. */
.product-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){align-items:stretch;grid-auto-rows:1fr}.product:where(:not(.v7-portal-shell,.v7-portal-shell *)){height:100%;display:grid;grid-template-rows:auto 126px;align-content:start}.product-media:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%;aspect-ratio:1;overflow:hidden;position:relative;min-width:0;background:var(--grid-background)}
.product .product-media img:where(:not(.v7-portal-shell,.v7-portal-shell *)),.product .product-media .placeholder:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;display:block}.product .product-media .placeholder:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;place-items:center}
.product .description:where(:not(.v7-portal-shell,.v7-portal-shell *)){height:126px;min-height:126px!important;display:grid;grid-template-rows:40px 28px 28px;gap:4px;align-content:start;padding:12px}.product .description b:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:14px;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.product .description strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:20px;line-height:28px;margin:0}.product .description small:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:11px;line-height:14px;overflow:hidden}
.display-header:where(:not(.v7-portal-shell,.v7-portal-shell *)){height:90px;padding:12px 30px!important}.display-header .commerce-brand img:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:80px!important;height:66px!important}.display-header .commerce-brand h1:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(22px,2.8vw,35px);margin:6px 0 0}.display-header #displayBranch:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:none}.display-header #displayCashier:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:16px;font-weight:400;display:block;margin-top:12px}.display-header #displayConnection:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:10px;margin-top:4px;opacity:.6}
.display-layout:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:6px;padding:4px 20px 0}
.display-left:where(:not(.v7-portal-shell,.v7-portal-shell *)){gap:6px}.display-customer:where(:not(.v7-portal-shell,.v7-portal-shell *)){border:2px solid var(--border);border-radius:10px;padding:14px 20px;gap:4px;font-size:16px;min-height:92px;justify-content:center}.display-customer strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:16px}.display-customer div:where(:not(.v7-portal-shell,.v7-portal-shell *)){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.display-product-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex:1;align-content:start;grid-auto-rows:min-content;margin:0;border:2px solid var(--border);border-radius:10px;padding:16px 18px;gap:20px 30px}.display-product:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:17px;padding:0;border:0}.display-product-line:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:start}.display-product-line strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:18px;white-space:nowrap}.display-product b:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display-product strong:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display-product small:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin:0}.display-product>small:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin:4px 0 0 32px;font-size:13px}
.display-right:where(:not(.v7-portal-shell,.v7-portal-shell *)){border:2px solid var(--border);background:var(--payment-background,#d3d3d3);color:var(--surface-text,#151515);border-radius:10px;padding:18px 20px;overflow:auto}.display-total:where(:not(.v7-portal-shell,.v7-portal-shell *)){text-align:right;margin:0 0 20px}.display .display-total strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(44px,6vw,80px);color:var(--total-text,#151515);line-height:1.05}.display-total b:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(24px,2.8vw,38px);margin-top:6px}.display-total small:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px;margin-top:6px}.display-payment:where(:not(.v7-portal-shell,.v7-portal-shell *)){overflow:visible;background:transparent;border-radius:0;padding:0;flex:1;display:flex;flex-direction:column;justify-content:center}.display-payment h2:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:20px}.display-payment p:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:16px;margin:8px 0}.display-qr:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin:18px auto 0;border-radius:15px;padding:14px;width:100%;max-width:270px;min-height:160px;display:grid;place-items:center}.display-qr canvas:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:min(240px,30vh);max-width:100%;height:auto}.display #displayMessage:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-top:auto;font-size:12px;opacity:.65}.display footer:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:10px!important;letter-spacing:0;padding:8px 10px;margin:0!important}
@media(max-width:600px){.home-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)),.table-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%;gap:14px}.header-right:where(:not(.v7-portal-shell,.v7-portal-shell *)){gap:2px}.home-tile strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:17px}.table-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding-bottom:12px}.table-consumption p:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-top:5px}.table-card .dialog-actions:where(:not(.v7-portal-shell,.v7-portal-shell *)){gap:5px}.table-card .dialog-actions button:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:4px 7px;min-height:32px}.product:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-rows:auto 110px}.product .description:where(:not(.v7-portal-shell,.v7-portal-shell *)){height:110px;min-height:110px!important;padding:8px;grid-template-rows:36px 24px 28px;gap:2px}.product .description b:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px;line-height:18px}.product .description strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:17px;line-height:24px}.product .description small:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:10px}.display-layout:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:0 8px;gap:5px}.display-customer:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:10px;font-size:12px;min-height:74px}.display-customer strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px}.display-product-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:10px;gap:12px}.display-product:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px}.display-product-line:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:14px minmax(0,1fr) auto;gap:3px}.display-product-line strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px}.display-product>small:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:10px;margin-left:17px}.display-right:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:10px}.display-total strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:32px!important}.display-total b:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:20px}.display-payment p:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px}.display-header #displayCashier:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px}}
.sales-identity:where(:not(.v7-portal-shell,.v7-portal-shell *)){text-align:right}.sales-identity b:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(12px,1.8vw,17px);font-weight:400}.sales-identity #connection:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:10px;opacity:.65;margin-top:4px}
/* VER64: campos legibles con la tipografía propia de cada pantalla. */
[data-sales-screen] input:not([type=checkbox]):not([type=radio]):where(:not(.v7-portal-shell,.v7-portal-shell *)),[data-sales-screen] select:where(:not(.v7-portal-shell,.v7-portal-shell *)),[data-sales-screen] textarea:where(:not(.v7-portal-shell,.v7-portal-shell *)),.login input:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:#fff;color:#000;border:1px solid var(--border,#72818c);font-family:var(--font-body,var(--font,system-ui));color-scheme:light;caret-color:#000}
[data-sales-screen] input:where(:not(.v7-portal-shell,.v7-portal-shell *))::placeholder,[data-sales-screen] textarea:where(:not(.v7-portal-shell,.v7-portal-shell *))::placeholder{color:#666;opacity:1}
[data-sales-screen] input:focus-visible:where(:not(.v7-portal-shell,.v7-portal-shell *)),[data-sales-screen] select:focus-visible:where(:not(.v7-portal-shell,.v7-portal-shell *)),[data-sales-screen] textarea:focus-visible:where(:not(.v7-portal-shell,.v7-portal-shell *)){outline:2px solid var(--button,#195f7b);outline-offset:2px}
/* Separador central continuo y líneas que distinguen cada producto. */
.display-product-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){background-image:linear-gradient(to right,transparent calc(50% - 1px),var(--border,#72818c) calc(50% - 1px),var(--border,#72818c) calc(50% + 1px),transparent calc(50% + 1px));background-attachment:local;row-gap:12px}
.display-product:where(:not(.v7-portal-shell,.v7-portal-shell *)){border-bottom:1px solid var(--border,#72818c);padding-bottom:12px}
.display-product.product-enter:where(:not(.v7-portal-shell,.v7-portal-shell *)){animation:customer-product-enter .36s ease-out both}
@keyframes customer-product-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.display-product.product-enter:where(:not(.v7-portal-shell,.v7-portal-shell *)){animation:none}}

.display-payment h2:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:18px;margin-bottom:6px}.display-payment p:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(12px,1.1vw,16px);line-height:1.2;margin:6px 0}.display-qr canvas:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:min(220px,24vh)}.display-payment>strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:14px}

/* VER65: desglose de las opciones seleccionadas, sin alterar importes. */
.cart-options:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;gap:4px;margin-top:6px;font-size:.85em}.cart-option:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;justify-content:space-between;gap:12px}.cart-option>span:last-child:where(:not(.v7-portal-shell,.v7-portal-shell *)){white-space:nowrap}

/* VER66: espacio de avisos opcionales del QR. */
.qrNote:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block;margin:8px 0;line-height:1.4}#paymentNote:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block;margin-top:6px;font-size:11px;line-height:1.35}

.qrNote:empty:where(:not(.v7-portal-shell,.v7-portal-shell *)),#paymentNote:empty:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:none}
/* VER67 · menú uniforme y factura con acciones persistentes. */
[data-sales-screen] nav:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:none!important}.home-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:1fr;max-width:1200px;width:100%;gap:16px;margin:20px auto}.home-tile:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:relative;aspect-ratio:1;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:20px!important;padding:12px}.home-tile strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(12px,1.8vw,22px);line-height:1.2;overflow-wrap:anywhere}.menu-icon:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:42px;height:42px;flex-shrink:0}.home-tile .menu-icon:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:clamp(28px,5vw,60px);height:clamp(28px,5vw,60px)}.red-dot:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:absolute;top:12px;right:12px;width:12px;height:12px;border-radius:50%;background:#ef2424;box-shadow:0 0 0 2px #fff}.order-notification:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block;width:100%;border:0;border-radius:0;background:#000!important;color:#fff!important;text-align:left;padding:12px 4%;font-size:15px}.order-notification[hidden]:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:none}.invoice-panel:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding-bottom:100px}.invoice-footer:where(:not(.v7-portal-shell,.v7-portal-shell *)),.workspace-footer:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:fixed;bottom:0;left:0;right:0;padding:12px 3%;background:var(--surface,#fff);color:var(--surface-text,#111);border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;align-items:center;z-index:20;padding-bottom:max(12px,env(safe-area-inset-bottom))}.invoice-footer button:where(:not(.v7-portal-shell,.v7-portal-shell *)),.workspace-footer button:where(:not(.v7-portal-shell,.v7-portal-shell *)),.editor-footer button:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;align-items:center;justify-content:center;gap:8px}.invoice-footer .menu-icon:where(:not(.v7-portal-shell,.v7-portal-shell *)),.workspace-footer .menu-icon:where(:not(.v7-portal-shell,.v7-portal-shell *)),.editor-footer .menu-icon:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:22px;height:22px}.invoice-footer #checkout:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-left:auto}.invoice-line:where(:not(.v7-portal-shell,.v7-portal-shell *)){border-bottom:1px solid var(--border);padding:18px 0}.invoice-product:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:minmax(0,1fr) auto 40px;gap:10px;align-items:center}.line-edit:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:transparent!important;color:inherit!important;border:0;text-align:left;padding:0}.line-edit small:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block;margin-top:6px}.icon-button:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:transparent!important;color:inherit;border:0;min-height:38px;padding:5px}.icon-button .menu-icon:where(:not(.v7-portal-shell,.v7-portal-shell *)){height:22px;width:22px}.cart-option:where(:not(.v7-portal-shell,.v7-portal-shell *)){align-items:center;padding:3px 0}.cart-option span:where(:not(.v7-portal-shell,.v7-portal-shell *)){white-space:normal!important}.editor-footer:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;justify-content:space-between;gap:12px;position:sticky;bottom:-20px;background:var(--surface,#fff);padding:14px 0;margin-top:14px;border-top:1px solid var(--border)}.inventory-list:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;gap:8px}.inventory-row:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:14px;text-align:left;align-items:center;padding:10px;width:100%;border:1px solid var(--border);background:var(--grid-background);color:var(--grid-text)}.inventory-row small:where(:not(.v7-portal-shell,.v7-portal-shell *)),.option-admin-row small:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block;margin-top:4px}.inventory-photo:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;place-items:center;width:74px;height:74px;overflow:hidden;background:var(--surface);border-radius:8px}.inventory-photo img:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%;height:100%;object-fit:contain}.product-editor-photo:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:120px;height:120px}.inactive-section:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-top:28px;border-top:1px solid var(--border);padding-top:14px}.inactive-section .inventory-row:where(:not(.v7-portal-shell,.v7-portal-shell *)){opacity:.7}#content:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding-bottom:100px}.association-options:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.product-option-association:where(:not(.v7-portal-shell,.v7-portal-shell *)){border:1px solid var(--border);border-radius:8px}.product-option-association label:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;gap:8px;align-items:center}.option-admin-row:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}.option-admin-row>button:first-child:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex:1;text-align:left}.option-admin-group .row:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex-wrap:wrap}.orders-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)),.report-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.order-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:relative;min-height:180px;display:flex;flex-direction:column;gap:10px;text-align:left;padding:16px;background:var(--grid-background);color:var(--grid-text)}.order-section:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-top:24px}.native-commerce:where(:not(.v7-portal-shell,.v7-portal-shell *)){border:0;width:100%;height:calc(100dvh - 160px);background:var(--surface)}#backHome:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:14px;white-space:nowrap}.workspace-footer+*:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-bottom:80px}@media(max-width:600px){.home-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){gap:8px}.home-tile:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:6px;gap:8px;border-radius:14px!important}.home-tile strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:11px}.orders-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)),.report-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-footer:where(:not(.v7-portal-shell,.v7-portal-shell *)){gap:5px;padding:10px 8px}.invoice-footer button:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px;padding:9px 6px}.invoice-footer .menu-icon:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:18px;height:18px}.inventory-row:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:52px minmax(0,1fr) auto;gap:8px;font-size:12px}.inventory-photo:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:52px;height:52px}.product-editor-photo:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100px;height:100px}.invoice-product:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:minmax(0,1fr) auto 32px}.association-options:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:1fr}}
[data-sales-screen] .invoice-line .icon-button:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:var(--surface-text,#151515)!important}

/* VER68: cobro por partes y captura en capas. */
.payment-summary:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;text-align:center;gap:8px;margin:12px 0 20px}.payment-summary h3:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin:0}.payment-summary>strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:32px}.payment-summary small:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:13px}.payment-add:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;justify-content:center;margin:16px 0}.registered-payments:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;gap:10px}.registered-payment:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:12px}.registered-payment>div:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;gap:5px}.registered-payment small:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px}.payment-complete:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:#15803d;font-weight:700}.payment-layer:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:min(580px,94vw);max-height:90dvh;overflow:auto;border:1px solid var(--border);border-radius:18px;background:var(--surface,#fff);color:var(--ink);padding:20px;font-family:inherit}.payment-layer:where(:not(.v7-portal-shell,.v7-portal-shell *))::backdrop{background:#0009}.payment-methods-compact:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-methods-compact button:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-height:64px;height:auto;padding:10px;display:flex;flex-direction:column;justify-content:center;gap:4px}.payment-methods-compact small:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px}.payment-details:where(:not(.v7-portal-shell,.v7-portal-shell *)){white-space:pre-line;font-size:12px;line-height:1.6}.payment-inputs:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.payment-inputs.single:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:minmax(0,1fr)}.payment-inputs label:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-width:0;display:grid;gap:6px}.payment-inputs input:where(:not(.v7-portal-shell,.v7-portal-shell *)),.restaurant-rate-form input:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%;min-width:0;background:#fff!important;color:#000!important;font-family:inherit;box-sizing:border-box}.payment-layer .dialog-actions:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex-wrap:wrap}#paymentAmountHelp:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block;font-size:11px;margin-top:8px}

.registered-payment .icon-button:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:transparent!important;color:#b91c1c!important;border:1px solid #b91c1c;flex-shrink:0}.registered-payment .icon-button .menu-icon:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:22px;height:22px}

/* VER69: customer form remains visible above the mobile keyboard. */
dialog:has(#customerForm):where(:not(.v7-portal-shell,.v7-portal-shell *)){position:fixed;top:var(--customer-top,12px);left:50%;right:auto;bottom:auto;transform:translateX(-50%);margin:0;max-height:var(--customer-height,calc(100dvh - 24px));overflow-y:auto;overscroll-behavior:contain}
#customerForm .form-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:repeat(2,minmax(0,1fr))}
#customerForm [name=customer_name]:where(:not(.v7-portal-shell,.v7-portal-shell *)){text-transform:uppercase}
#customerForm label:has([name=customer_name]):where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-column:1/-1}

/* VER69: visible device selection independent of commerce theme. */
[data-sales-screen] .device-card.selected:where(:not(.v7-portal-shell,.v7-portal-shell *)),.device-card.selected:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:#16803c!important;color:#fff!important;border:3px solid #0d5728!important;box-shadow:0 0 0 3px #28c65b44}.device-card.selected small:where(:not(.v7-portal-shell,.v7-portal-shell *)),.device-card.selected svg:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:#fff!important;stroke:#fff!important}.device-card.selected:where(:not(.v7-portal-shell,.v7-portal-shell *))::after{content:"✓ Seleccionado";font-weight:800;font-size:.85rem;color:#fff}

[data-sales-screen] .device-card:disabled:where(:not(.v7-portal-shell,.v7-portal-shell *)),.device-card:disabled:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:#e5e7eb!important;color:#4b5563!important;border:2px solid #9ca3af!important;opacity:1!important;cursor:not-allowed;box-shadow:none}.device-card:disabled small:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:#4b5563!important}.device-card:disabled svg:where(:not(.v7-portal-shell,.v7-portal-shell *)){stroke:#6b7280!important}.device-card:disabled:where(:not(.v7-portal-shell,.v7-portal-shell *))::after{content:none}

.wallet-verified:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:#dcfce7!important;border:2px solid #168342!important;color:#14532d!important}.payment-success:where(:not(.v7-portal-shell,.v7-portal-shell *)){border:0;border-radius:24px;padding:30px;text-align:center;background:#fff;color:#163526;max-width:90vw}.payment-success:where(:not(.v7-portal-shell,.v7-portal-shell *))::backdrop{background:#0009}.payment-success svg:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100px;height:100px;fill:none;stroke:#19a254;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.payment-success svg circle:where(:not(.v7-portal-shell,.v7-portal-shell *)){stroke:#b9eacc}.payment-success svg path:where(:not(.v7-portal-shell,.v7-portal-shell *)){stroke-dasharray:65;stroke-dashoffset:65;animation:verified-check .65s ease forwards}.payment-success h2:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin:12px 0;font-size:26px}@keyframes verified-check{to{stroke-dashoffset:0}}

.printing-control-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.print-control-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;border:2px solid #a1a1aa;border-radius:14px;background:var(--panel,#fff);min-width:0;margin:10px 0}.print-control-card>div:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;flex-direction:column;gap:6px}.print-control-card small:where(:not(.v7-portal-shell,.v7-portal-shell *)){overflow-wrap:anywhere}.print-control-card .menu-icon:where(:not(.v7-portal-shell,.v7-portal-shell *)){height:36px;width:36px}.print-control-card.printing-on:where(:not(.v7-portal-shell,.v7-portal-shell *)){border-color:#16a34a}.print-control-card.printing-on b:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:#15803d}.print-control-card.printing-off b:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:#52525b}.print-control-card button:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-height:42px}#printingControls h3:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-top:20px}@media(max-width:420px){.print-control-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:10px}}

/* VER73: pedido propio de Ventas y vuelto visible. */
dialog.order-fullscreen:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;inset:0;box-sizing:border-box;padding:20px;overflow:auto}
dialog.order-fullscreen #dialogContent:where(:not(.v7-portal-shell,.v7-portal-shell *)){max-width:1400px;margin:auto}.order-customer:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:15px;background:var(--container);border-bottom:1px solid #9994}.change-amount:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:2.5rem;font-weight:800;text-align:center;padding:20px}
#txCommerceChatLayer .d-none:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:none!important}#txCommerceChatLayer .me-2:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-right:.5rem}#txCommerceChatLayer button:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:initial}#txCommerceChatLayer input:where(:not(.v7-portal-shell,.v7-portal-shell *)),#txCommerceChatLayer textarea:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:#fff;color:#111}
.media-assets:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.media-assets img:where(:not(.v7-portal-shell,.v7-portal-shell *)),.media-assets video:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%;height:120px;object-fit:contain}.media-assets article:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:12px;border:1px solid #8885;border-radius:12px}.media-order:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;gap:8px;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid #8884}
/* Pantalla destino: la vista de caja permanece oculta hasta conocer la tarea. */
.display.screen-pending>header:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display.screen-pending>main:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display.screen-pending>footer:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display.screen-media-mode>header:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display.screen-media-mode>main:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display.screen-media-mode>footer:where(:not(.v7-portal-shell,.v7-portal-shell *)){visibility:hidden}
#screenLoading:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:fixed;left:0;top:0;width:100%;height:100%;background:#000;color:#fff;z-index:5000;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;padding:24px;font-family:Arial,sans-serif}#screenLoading[hidden]:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:none!important}.screen-loading-content:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;transform-origin:center center}#screenLoading img:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:auto;height:180px;max-width:44vw;object-fit:contain;margin-bottom:8px;flex-shrink:0}#screenLoading p:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin:0 0 2px;font-size:20px;line-height:1.3}#screenLoading strong:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:40px;line-height:1.1;font-weight:700;letter-spacing:1px}#screenLoading small:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:14px;color:#ddd;margin-top:16px}.screen-loading-spinner:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block;flex-shrink:0;width:58px;height:58px;box-sizing:border-box;margin-top:16px;border:8px solid #323232;border-top-color:#fff;border-left-color:#bbb;border-radius:50%;animation:screen-spin 1s linear infinite}@keyframes screen-spin{to{transform:rotate(360deg)}}
#screenMedia:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:fixed;inset:0;z-index:4000;background:#000;overflow:hidden;color:#fff}.screen-media-slide:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;min-width:0;min-height:0;background:#000;transition:transform 550ms ease-in-out;will-change:transform;transform:translateX(100%)}.screen-audio:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px}.screen-audio-symbol:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:clamp(110px,18vw,200px);transition:transform 100ms linear}.screen-audio canvas:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:min(86vw,1000px);height:auto}.screen-audio-note:where(:not(.v7-portal-shell,.v7-portal-shell *)){color:#cbd5e1;font-size:18px}.screen-sound-hint:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:absolute;bottom:15px;background:#000b;padding:12px}.media-audio-icon:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;place-items:center;height:120px;font-size:56px;color:#0284c7}.media-screen-select:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;align-items:center;gap:8px}.media-screen-select input:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:20px;height:20px}.media-selected:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:#dcfce7!important;border:2px solid #16a34a!important;color:#14532d}.media-controls:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}
#screenStage:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:fixed;left:0;top:0;width:100vw;height:100dvh;display:flex;flex-direction:column;background:var(--display-bg,#061d35);overflow:hidden;transform:translateZ(0)}#screenStage.screen-rotated:where(:not(.v7-portal-shell,.v7-portal-shell *)){left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg)}
.display.screen-pending #screenStage>header:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display.screen-pending #screenStage>main:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display.screen-pending #screenStage>footer:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display.screen-media-mode #screenStage>header:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display.screen-media-mode #screenStage>main:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display.screen-media-mode #screenStage>footer:where(:not(.v7-portal-shell,.v7-portal-shell *)){visibility:hidden}
.screen-audio canvas:where(:not(.v7-portal-shell,.v7-portal-shell *)){max-width:90%}

body[data-media-playing="true"] #androidMenu:where(:not(.v7-portal-shell,.v7-portal-shell *)),body[data-media-playing="true"] [data-screen-menu]:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:none!important}
#screenMedia .screen-media-slide>img:where(:not(.v7-portal-shell,.v7-portal-shell *)),#screenMedia .screen-media-slide>video:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain!important;object-position:center;max-width:100%;max-height:100%}

body[data-screen-task="customer"] #androidMenu:where(:not(.v7-portal-shell,.v7-portal-shell *)),body[data-screen-task="customer"] [data-screen-menu]:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:none!important}

.screen-youtube>div:where(:not(.v7-portal-shell,.v7-portal-shell *)),.screen-youtube iframe:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%;height:100%;border:0}.device-web-refresh:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}

.device-choice:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;flex-direction:column;gap:6px}.device-choice>.device-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex:1;width:100%}

.media-upload-progress:where(:not(.v7-portal-shell,.v7-portal-shell *)){text-align:center;width:min(420px,90vw)}.media-upload-progress progress:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block;width:100%;height:18px;accent-color:#16a34a;margin:18px 0 10px}.media-upload-progress [data-upload-name]:where(:not(.v7-portal-shell,.v7-portal-shell *)){overflow-wrap:anywhere}.media-upload-spinner:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:inline-block;width:50px;height:50px;border:5px solid #9ca3af55;border-top-color:#16a34a;border-radius:50%;animation:media-upload-spin .8s linear infinite}.media-upload-progress:where(:not(.v7-portal-shell,.v7-portal-shell *))::backdrop{background:#000a}@keyframes media-upload-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.media-upload-spinner:where(:not(.v7-portal-shell,.v7-portal-shell *)){animation-duration:2s}}

/* Medios: misma superficie y bordes que el selector de dispositivos, sin fullscreen. */
dialog.media-dialog:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:min(1180px,96vw);max-width:96vw;max-height:92vh;max-height:92dvh;height:auto;position:fixed;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);margin:0;padding:24px;border:0;border-radius:18px;overflow-y:auto;background:var(--surface,#d3d3d3);color:var(--surface-text,var(--ink));font-family:var(--font,system-ui),sans-serif;box-shadow:0 20px 80px #0004}.media-heading:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-bottom:18px}.media-panel:where(:not(.v7-portal-shell,.v7-portal-shell *)){border:1px solid var(--border,#d7e1ed);border-radius:14px;padding:18px;margin-bottom:18px}.media-code-row:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;gap:0;width:min(520px,100%);align-items:stretch;margin:6px 0}.media-code-row input:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:0;flex:1;min-width:0;margin:0;border-radius:10px 0 0 10px;font-size:clamp(22px,4vw,34px);font-weight:800;letter-spacing:.08em}.media-code-row button:where(:not(.v7-portal-shell,.v7-portal-shell *)){border-radius:0 10px 10px 0;margin:0;white-space:nowrap}.media-grid-scroll:where(:not(.v7-portal-shell,.v7-portal-shell *)){overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:8px}.media-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;gap:12px;align-items:stretch}.media-grid-five:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:repeat(5,minmax(0,1fr));min-width:770px}.media-grid-three:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:repeat(3,minmax(0,1fr));min-width:420px}.media-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){box-sizing:border-box;display:grid;grid-template-rows:112px 44px 24px 1fr;gap:8px;min-width:0;height:290px;padding:10px;border:2px solid var(--border,#d7e1ed);border-radius:12px;background:var(--surface,#d3d3d3);color:var(--surface-text,var(--ink));text-align:center;overflow:hidden}.media-pick:where(:not(.v7-portal-shell,.v7-portal-shell *)){height:220px;grid-template-rows:112px 44px 24px;cursor:pointer}.media-thumb:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:112px;border-radius:8px;background:#eef2f7;overflow:hidden}.media-thumb img:where(:not(.v7-portal-shell,.v7-portal-shell *)),.media-thumb video:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%;height:100%;max-height:100%;object-fit:contain}.media-title:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:22px;font-size:14px;overflow-wrap:anywhere}.media-card small:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px;line-height:20px;color:inherit}.media-symbol:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:48px;color:var(--blue)}.media-card-actions:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;flex-wrap:wrap;gap:5px;align-items:end;justify-content:center;margin-top:auto}.media-card-actions button:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px;padding:5px 8px;min-height:32px}.media-position:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:absolute;right:6px;top:6px;min-width:24px;border-radius:50%;background:#16803c;color:#fff;font-size:16px;line-height:24px}.media-position:empty:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:none}.media-pick.selected:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:#16803c!important;color:#fff!important;border-color:#0d5728!important;box-shadow:0 0 0 2px #28c65b44}.media-pick:disabled:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:#e5e7eb;color:#4b5563;opacity:1;cursor:not-allowed}.media-list-fields:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:16px}.media-editor .media-order:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:minmax(0,1fr) 100px 130px;gap:10px;align-items:center}.media-order>span:where(:not(.v7-portal-shell,.v7-portal-shell *)){overflow-wrap:anywhere}.media-order>div:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;gap:4px;justify-content:flex-end}.media-order input:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-width:0;width:100%;padding:8px}.media-order>label:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:12px}.media-screen-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){height:350px;display:flex;flex-direction:column;align-items:stretch;gap:8px}.media-screen-select:where(:not(.v7-portal-shell,.v7-portal-shell *)){justify-content:center}.media-screen-select svg:where(:not(.v7-portal-shell,.v7-portal-shell *)){height:40px;width:40px}.media-machine:where(:not(.v7-portal-shell,.v7-portal-shell *)){height:38px;overflow:hidden;line-height:19px!important}.media-screen-status:where(:not(.v7-portal-shell,.v7-portal-shell *)){height:38px;line-height:19px;font-size:12px;overflow-wrap:anywhere;overflow:hidden}.media-screen-card.occupied:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:#e5e7eb!important;border-color:#9ca3af!important;color:#4b5563!important}.media-lists:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;flex-wrap:wrap;gap:8px}.media-dialog #uploadMedia:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,1fr) auto;gap:12px;align-items:end}.media-dialog #uploadMedia>button:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-bottom:6px}@media(max-width:600px){dialog.media-dialog:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:16px}.media-panel:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:12px}.media-dialog #uploadMedia:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:1fr}.media-list-fields:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:1fr}.media-editor .media-order:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:minmax(100px,1fr) 80px 120px;min-width:340px}.media-editor #orderedMedia:where(:not(.v7-portal-shell,.v7-portal-shell *)){overflow-x:auto}}

/* Campos y acciones de medios en filas estables, también en pantallas estrechas. */
.media-pair-panel:where(:not(.v7-portal-shell,.v7-portal-shell *)){text-align:center}.media-pair-panel .media-code-row:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin:6px auto}.media-code-row input:where(:not(.v7-portal-shell,.v7-portal-shell *)){text-align:center}
.media-dialog #uploadMedia:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:minmax(0,1fr) 160px;gap:8px 12px;align-items:end}.media-dialog #uploadMedia .media-upload-fields:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px;min-width:0;grid-column:1;grid-row:1}.media-upload-fields label:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-rows:36px 44px;gap:4px;min-width:0;line-height:18px}.media-field-title:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}.media-upload-fields input:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%;min-width:0;height:44px;margin:0;font-size:14px;overflow:hidden}.media-dialog #uploadMedia>button:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-column:2;grid-row:1;height:44px;margin:0}.media-upload-note:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-column:1/-1;grid-row:2}
.media-dialog .media-controls:where(:not(.v7-portal-shell,.v7-portal-shell *)),.media-dialog .media-lists:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:6px}.media-dialog .media-controls>button:where(:not(.v7-portal-shell,.v7-portal-shell *)),.media-dialog .media-lists>button:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:flex;align-items:center;justify-content:center;gap:8px;flex:1 0 190px;min-width:190px;height:56px;min-height:56px;padding:8px 12px;font-size:14px;line-height:18px}.media-dialog .media-controls>button svg:where(:not(.v7-portal-shell,.v7-portal-shell *)),.media-dialog .media-lists>button svg:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.media-dialog .media-controls>button span:where(:not(.v7-portal-shell,.v7-portal-shell *)),.media-dialog .media-lists>button span:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-width:0}
@media(max-width:600px){.media-dialog #uploadMedia:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:minmax(0,1fr)}.media-dialog #uploadMedia .media-upload-fields:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-column:1/-1;grid-row:1}.media-dialog #uploadMedia>button:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-column:1/-1;grid-row:3}.media-upload-note:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-row:2}.media-upload-fields label:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-rows:36px 44px}.media-dialog .media-controls>button:where(:not(.v7-portal-shell,.v7-portal-shell *)),.media-dialog .media-lists>button:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex-basis:190px}.media-dialog .media-code-row:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%}}

/* Conserva el tamaño del código al activarse la adaptación del modal al teclado. */
dialog.media-dialog #mediaPairing:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(22px,4vw,34px)}

/* Screen cards retain two title lines and three equal, persistent action slots. */
.media-screen-card>.media-title:where(:not(.v7-portal-shell,.v7-portal-shell *)){height:44px;min-height:44px;max-height:44px;flex-shrink:0;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.media-screen-card>.media-card-actions:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:4px;flex-wrap:nowrap}.media-screen-card>.media-card-actions button:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%;height:62px;min-height:62px;min-width:0;padding:6px 2px;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;line-height:13px;overflow:hidden}.media-screen-card>.media-card-actions svg:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.media-screen-card>.media-card-actions button:disabled:where(:not(.v7-portal-shell,.v7-portal-shell *)){opacity:.45;cursor:not-allowed}.media-screen-card>.media-card-actions [data-play]:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-column:2}.media-screen-card>.media-card-actions [data-stop]:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-column:3}.media-screen-card>.media-card-actions [data-refresh-web]:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-column:1}.media-screen-card>.media-card-actions button:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-row:1}
.media-screens:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-width:0;max-width:100%;box-sizing:border-box}.media-screens .media-grid-scroll:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.media-screens .media-screen-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-width:0;width:100%;max-width:100%;grid-template-columns:repeat(5,minmax(0,1fr))}.media-screens .media-screen-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){box-sizing:border-box;max-width:100%;height:460px;overflow:hidden}.media-screen-card>label:where(:not(.v7-portal-shell,.v7-portal-shell *)),.media-screen-card>small:where(:not(.v7-portal-shell,.v7-portal-shell *)),.media-screen-card>button:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-width:0;max-width:100%;box-sizing:border-box}.media-screen-card select:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-width:0;max-width:100%;width:100%;box-sizing:border-box}.media-screen-card>.media-card-actions:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-top:auto;width:100%;min-width:0}.media-screen-card>.media-card-actions span:where(:not(.v7-portal-shell,.v7-portal-shell *)){white-space:normal;overflow-wrap:anywhere;line-height:13px}.media-screen-card>.media-card-actions>*:where(:not(.v7-portal-shell,.v7-portal-shell *)){flex-shrink:0}.media-screens .media-controls:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;min-width:0}.media-screens .media-controls>button:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-width:0;max-width:100%;width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;padding:6px;font-size:12px;gap:4px}.media-screens>label:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-width:0;max-width:100%}.media-screens>label select:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:1000px){.media-screens .media-screen-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.media-screens .media-screen-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:repeat(2,minmax(0,1fr))}.media-screen-card>.media-card-actions span:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:9px}}
.media-screen-card>.media-card-actions button:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-weight:500;letter-spacing:0}.media-screen-card>.media-card-actions span:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-weight:500;letter-spacing:0}

/* Administration is separate from cashier device selection. */
.device-admin-dialog:where(:not(.v7-portal-shell,.v7-portal-shell *)){box-sizing:border-box;position:fixed;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);margin:0;width:min(1050px,96vw);max-width:96vw;max-height:92vh;max-height:92dvh;border:0;border-radius:18px;padding:24px;overflow-y:auto;background:var(--surface,#d3d3d3);color:var(--surface-text,var(--ink));font-family:var(--font,system-ui),sans-serif}.device-admin-heading:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin-bottom:16px}.device-admin-dialog:where(:not(.v7-portal-shell,.v7-portal-shell *))::backdrop{background:#0009}.device-admin-section:where(:not(.v7-portal-shell,.v7-portal-shell *)){border:1px solid var(--border,#d7e1ed);border-radius:14px;padding:16px;margin-top:18px}.device-admin-scroll:where(:not(.v7-portal-shell,.v7-portal-shell *)){overflow-x:auto;padding-bottom:8px}.device-admin-grid:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:690px}.device-admin-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){box-sizing:border-box;min-width:0;height:330px;display:grid;grid-template-rows:50px 44px 72px 38px 64px;gap:7px;border:2px solid var(--border,#d7e1ed);border-radius:12px;padding:12px;background:var(--surface,#d3d3d3);color:var(--surface-text,var(--ink));text-align:center;overflow:hidden}.device-admin-card>.menu-icon:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:46px;height:46px;margin:auto}.device-admin-title:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:44px;line-height:22px;font-size:14px;text-overflow:ellipsis;overflow:hidden;overflow-wrap:anywhere}.device-admin-origin:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block;font-size:11px;line-height:18px;overflow:hidden;overflow-wrap:anywhere}.device-admin-status:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:11px;line-height:19px;overflow:hidden;overflow-wrap:anywhere}.device-admin-actions:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.device-admin-actions button:where(:not(.v7-portal-shell,.v7-portal-shell *)){margin:0;min-width:0;width:100%;height:64px;padding:6px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:500}.device-admin-actions .menu-icon:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:22px;height:22px;flex-shrink:0}.device-admin-actions span:where(:not(.v7-portal-shell,.v7-portal-shell *)){white-space:nowrap}.device-admin-edit input:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:100%;box-sizing:border-box;text-transform:uppercase;background:#fff!important;color:#000!important}.device-admin-error:empty:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:none}@media(max-width:600px){.device-admin-dialog:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:16px}.device-admin-section:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:12px}}

.media-library .media-card-actions:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.media-library .media-card-actions button:where(:not(.v7-portal-shell,.v7-portal-shell *)){padding:4px 2px;font-size:10px;min-width:0}.media-library .media-card-actions .media-audio-toggle:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-column:1/-1;height:28px;min-height:28px;padding:3px 2px}

.media-library .media-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){height:294px}

.device-admin-dialog #adminDeviceCode:where(:not(.v7-portal-shell,.v7-portal-shell *)){font-size:clamp(22px,4vw,34px)}

/* Legacy TV engines may ignore inset, dvh and CSS grid. Keep explicit edges. */
#screenMedia:where(:not(.v7-portal-shell,.v7-portal-shell *)){left:0;top:0;right:0;bottom:0;width:100%;height:100%}
#screenMedia .screen-media-slide:where(:not(.v7-portal-shell,.v7-portal-shell *)){left:0;top:0;right:0;bottom:0;width:100%;height:100%}
.display.screen-media-mode:where(:not(.v7-portal-shell,.v7-portal-shell *)),.display.screen-media-mode #screenStage:where(:not(.v7-portal-shell,.v7-portal-shell *)){background:#000}
#screenMedia .screen-youtube>div:where(:not(.v7-portal-shell,.v7-portal-shell *)){position:absolute;left:0;top:0;width:100%;height:100%}
#screenMedia .screen-youtube iframe:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:block;width:100%;height:100%;border:0}

/* Per-video sound and captions controls. */
.media-library .media-card:where(:not(.v7-portal-shell,.v7-portal-shell *)){height:308px}
.media-library .media-card-actions .media-audio-toggle:where(:not(.v7-portal-shell,.v7-portal-shell *)),.media-library .media-card-actions .media-captions-toggle:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-column:auto;height:40px;min-height:40px;line-height:14px;padding:3px 2px;overflow-wrap:anywhere}

/* General playback and stop controls remain next to one another. */
.media-screens .media-controls:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:600px){.media-screens .media-controls:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* VER100: admin-only table clear fits beneath the existing open/close controls. */
.table-card .dialog-actions.table-actions-admin:where(:not(.v7-portal-shell,.v7-portal-shell *)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.table-card .table-actions-admin button:where(:not(.v7-portal-shell,.v7-portal-shell *)){min-width:0}
.table-card .table-actions-admin [data-empty-table]:where(:not(.v7-portal-shell,.v7-portal-shell *)){grid-column:1 / -1;display:flex;justify-content:center;align-items:center;gap:6px;color:#b42318}
.table-card [data-empty-table] .menu-icon:where(:not(.v7-portal-shell,.v7-portal-shell *)){width:18px;height:18px;flex:none}