html[data-ladder="v2"][data-theme],.m-tone{
--color-page-top:var(--color-page);
--gradient-page:linear-gradient(var(--color-page),var(--color-page));
--color-surface-solid:var(--color-surface);
--color-surface-band:var(--color-surface);
--color-surface-nav:var(--color-surface);
--color-surface-footer:var(--color-surface);
--color-surface-popover:var(--color-surface-raised);
--color-surface-row:var(--color-surface-subtle);
--color-btn-face:var(--color-surface-subtle);
--color-track:var(--color-surface-hover);
--color-muted-soft:var(--color-surface-hover);
--color-muted-border:var(--color-border-strong);
--color-accent-on-page:var(--color-brand-hover);
--color-on-strong:var(--color-on-brand);
--color-badge-chip:var(--color-brand-chip);
--color-accent-chip:var(--color-brand-chip);
--color-featured-soft:var(--color-brand-soft);
--color-accent-chip-border:var(--color-brand-border);
--color-elevated-soft:var(--color-accent-soft);
--color-elevated-border:var(--color-accent-border);
--color-danger-ink:var(--color-danger);
--color-stamp:var(--color-warning);
--color-receipt:var(--color-surface-raised);
--color-ink:var(--color-text);
--color-rule:var(--color-border-strong);
}

html[data-ladder="v2"][data-theme="light"],.m-tone-light{
--color-page:#eef2f7;
--color-surface:#ffffff;
--color-surface-dialog:var(--color-surface);--color-dialog-chrome:var(--color-surface);
--color-surface-raised:#ffffff;
--color-surface-subtle:#eef2f8;
--color-surface-hover:#e4eaf3;
--color-segment-thumb:#ffffff;
--color-surface-input:#ffffff;
--color-border:#d3dbe6;
--color-border-strong:#b7c3d3;
--color-text:#0f172a;
--color-text-muted:#586576;
--color-text-disabled:#5f6d84;
--color-brand:#0369a1;
--color-brand-hover:#075985;
--color-brand-soft:rgba(3,105,161,.08);
--color-brand-border:rgba(3,105,161,.25);
--color-on-brand:#ffffff;
--color-brand-chip:#0c3a5c;
--color-success:#166534;--color-success-soft:rgba(22,101,52,.08);--color-success-border:rgba(22,101,52,.22);
--color-danger:#991b1b;--color-danger-soft:rgba(153,27,27,.08);--color-danger-border:rgba(153,27,27,.22);
--color-warning:#854d0e;--color-warning-soft:rgba(133,77,14,.08);--color-warning-border:rgba(133,77,14,.22);
--color-accent:#6b21a8;--color-accent-soft:rgba(107,33,168,.08);--color-accent-border:rgba(107,33,168,.22);
--color-scrim:rgba(2,6,23,.5);
--shadow-card:0 1px 2px rgba(15,23,42,.06),0 2px 8px -2px rgba(15,23,42,.06);
--wt-l:.93;--wt-c:.06;--wi-l:.46;--wi-c:.15;--ws-l:.62;--ws-c:.16;
--pl-card:var(--color-surface);--pl-bd:var(--color-border);--pl-sub:var(--color-surface-subtle);--pl-dash:var(--color-border-strong);
}
.m-tone-light{--color-page:#dfe6f0}

html[data-ladder="v2"][data-theme="dark"],.m-tone-dark{
--color-page:#0b0f17;
--color-surface:#141a26;
--color-surface-raised:#1a2130;
--color-surface-subtle:#222a3a;
--color-surface-hover:#2a3345;
--color-surface-input:#0e131d;
--color-border:#283143;
--color-border-strong:#36415a;
--color-text:#f1f5f9;
--color-text-muted:#a8b5cc;
--color-text-disabled:#7d8aa3;
--color-brand:#38bdf8;
--color-brand-hover:#0ea5e9;
--color-brand-soft:rgba(56,189,248,.10);
--color-brand-border:rgba(56,189,248,.35);
--color-on-brand:#0f172a;
--color-brand-chip:#0c3050;
--color-success:#4ade80;--color-success-soft:#12291f;--color-success-border:#1f4a35;
--color-danger:#f87171;--color-danger-soft:#2b1519;--color-danger-border:#5a2a2e;
--color-warning:#fbbf24;--color-warning-soft:#2a2111;--color-warning-border:#574318;
--color-accent:#c084fc;--color-accent-soft:#231a33;--color-accent-border:#45305f;
--color-scrim:rgba(2,6,23,.5);
--shadow-card:none;
--color-page:#0a0e11;
--color-surface:#161c23;
--color-surface-dialog:var(--color-surface);--color-dialog-chrome:var(--color-surface);
--color-surface-raised:#232b34;
--color-surface-input:#0e1318;
--color-surface-subtle:#1e252d;
--color-surface-hover:#262f38;
--color-segment-thumb:#36414c;
--color-border:#283038;
--color-border-strong:#434e5b;
--color-text:#edf0f4;
--color-text-muted:#a8b4c0;
--color-text-disabled:#8a95a1;
--color-brand:#5fbcf4;
--color-brand-hover:#82cefc;
--color-brand-soft:rgba(95,188,244,.12);
--color-brand-border:rgba(95,188,244,.38);
--color-on-brand:#0a1723;
--color-brand-chip:#10364e;
--color-success:#5fd598;--color-success-soft:#10291b;--color-success-border:#134b30;
--color-danger:#f47a79;--color-danger-soft:#341b1a;--color-danger-border:#612e2d;
--color-warning:#f3bd5c;--color-warning-soft:#2d200a;--color-warning-border:#543a03;
--color-accent:#bd9ff2;--color-accent-soft:#261e33;--color-accent-border:#463661;
--color-scrim:rgba(2,6,23,.5);
--color-track-strong:#69737d;
--focus-ring:0 0 0 3px rgba(95,188,244,.35);
--focus-ring-danger:0 0 0 3px rgba(244,122,121,.35);
--glow-accent:0 0 #0000;--glow-brand:0 0 #0000;--glow-accent-strong:0 0 #0000;--glow-brand-strong:0 0 #0000;--glow-nav-add:0 4px 14px rgba(0,0,0,.45);--glow-danger:0 0 #0000;
--glow-ambient:transparent;
--gradient-title:linear-gradient(var(--color-text),var(--color-text));
--gradient-final:linear-gradient(var(--color-surface),var(--color-surface));
--navbar-bg:var(--color-surface);
--shadow-card:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:0 16px 40px rgba(0,0,0,.55);
--shadow-dialog:0 -1px 0 var(--color-border-strong),0 -20px 50px rgba(0,0,0,.6);
--shadow-dock:0 -1px 0 var(--color-border);
--skeleton-base:var(--color-surface-subtle);--skeleton-shine:var(--color-surface-hover);
--wt-l:.30;--wt-c:.07;--wi-l:.86;--wi-c:.11;--ws-l:.72;--ws-c:.14;
--pl-card:var(--color-surface);--pl-bd:var(--color-border);--pl-sub:var(--color-surface-subtle);--pl-dash:var(--color-border-strong);
}

html[data-ladder="v2"] .modal{background:var(--color-surface-raised);backdrop-filter:none}
html[data-ladder="v2"] .modal h3{font-size:1.1875rem;font-weight:800;color:var(--color-text)}
html[data-ladder="v2"] .btn-scan{border:1px solid var(--color-brand-border);min-height:48px}
html[data-ladder="v2"] .btn-scan-secondary{background:transparent;border-color:var(--color-border)}
html[data-ladder="v2"] .scan-progress{background:var(--color-surface-subtle);border-color:var(--color-border)}
html[data-ladder="v2"] .add-item-row{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-inline-start-width:1px}
html[data-ladder="v2"] .add-item-row:focus-within{border-color:var(--color-brand);background:var(--color-surface-subtle)}
html[data-ladder="v2"] .form-control,html[data-ladder="v2"] .modal-input,html[data-ladder="v2"] .add-input,html[data-ladder="v2"] .qty-stepper{background:var(--color-surface-input);border-color:var(--color-border-control)}
html[data-ladder="v2"] #addItemsContainer input[id^="iprice-"]{background:var(--color-surface-input);border:1px solid var(--color-border-control);border-radius:var(--radius-md)}
html[data-ladder="v2"] #addItemsContainer input[id^="iprice-"]:focus{border-color:var(--color-brand)}
html[data-ladder="v2"] :is(.form-control,.modal-input,.modal-select)[aria-invalid="true"]{border-color:var(--color-danger)}
html[data-ladder="v2"] .form-control::placeholder,html[data-ladder="v2"] .add-input::placeholder{color:var(--color-text-disabled)}
html[data-ladder="v2"] .add-total-row{border-block-start:1px solid var(--color-border-strong);padding-block-start:var(--space-3)}

html[data-ladder="v2"] .quick-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-block-end:var(--space-5)}
html[data-ladder="v2"] .quick-chip{height:58px;min-height:58px;min-width:0;padding-block:0;padding-inline:var(--space-3);gap:2px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-inset);text-align:start;transition:transform var(--transition-fast),border-color var(--transition-fast)}
html[data-ladder="v2"] .chip-name{width:100%;font-weight:700;font-size: var(--font-size-sm);line-height:1.3;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:match-parent}
html[data-ladder="v2"][dir="ltr"] .chip-name{text-align:left}
html[data-ladder="v2"][dir="rtl"] .chip-name{text-align:right}
html[data-ladder="v2"] .chip-price{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-app-figures);font-weight:700;font-size: var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}
html[data-ladder="v2"] .chip-plus{font-weight:800}
html[data-ladder="v2"] .chip-check{flex:none}
html[data-ladder="v2"] .quick-chip:hover{border-color:var(--color-brand-border);background:var(--color-surface)}
html[data-ladder="v2"] .quick-chip.is-added{animation:none;border:1.5px solid var(--color-brand);background:var(--color-brand-soft)}
html[data-ladder="v2"] .quick-chip.is-added .chip-price{color:var(--color-brand)}
@media (prefers-reduced-motion:reduce){html[data-ladder="v2"] .quick-chip{transition:none}}