@layer ds.tokens,ds.surfaces,ds.primitives,ds.patterns,app;:root{--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-input: 10px;--border-width: 2px;--border-width-input: 1px;--shadow-sm: 0 1px 2px rgba(35, 32, 28, .06);--shadow-md: 0 4px 12px rgba(35, 32, 28, .08);--shadow-lg: 0 12px 32px rgba(35, 32, 28, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--font-body: "Archivo", system-ui, -apple-system, sans-serif;--font-heading: "Archivo", system-ui, -apple-system, sans-serif;--touch-target-min: 48px;--touch-target-primary: 64px;--color-success: #2e9e5b;--color-warning: #d9a428;--color-danger: #d13b3b;--color-info: #2f6fd9;--color-offline: #7a63c9}:root{--color-bg: #f7f7f8;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-muted: #6b6b6f;--color-border: #e3e3e6;--color-neutral-100: #ffffff;--color-neutral-200: #f2f2f3;--color-neutral-300: #e3e3e6;--color-neutral-400: #c7c7cc;--color-neutral-500: #9a9a9f;--color-neutral-600: #71717a;--color-neutral-700: #4b4b52;--color-neutral-800: #2c2c31;--color-neutral-900: #17181a}:root[data-theme=dark]{--color-bg: #17181a;--color-surface: #212226;--color-text: #f5f5f6;--color-text-muted: #a3a3a8;--color-border: #3a3b40}:root,[data-band=blue]{--color-primary: #3b6fd6;--color-primary-hover: #2e58ac;--color-primary-contrast: #ffffff;--color-secondary: #d6a93b;--color-secondary-hover: #b08e2f;--color-secondary-contrast: #211610;--color-adjacent: #3bb9ae;--color-adjacent-hover: #2f9a90;--color-adjacent-contrast: #ffffff}:root[data-theme=dark]:not([data-band]),[data-band=blue][data-theme=dark]{--color-primary: #7ea3e8;--color-primary-hover: #99b8ed;--color-primary-contrast: #14213d;--color-secondary: #e6c169;--color-secondary-hover: #ecd08c;--color-secondary-contrast: #211610;--color-adjacent: #6fd0c5;--color-adjacent-hover: #8ed9d0;--color-adjacent-contrast: #10302d}[data-band=green]{--color-primary: #2f9e6b;--color-primary-hover: #237a52;--color-primary-contrast: #ffffff;--color-secondary: #d6b23b;--color-secondary-hover: #b0942f;--color-secondary-contrast: #211610;--color-adjacent: #3b8fd6;--color-adjacent-hover: #2f73ac;--color-adjacent-contrast: #ffffff}[data-band=green][data-theme=dark]{--color-primary: #6ec99a;--color-primary-hover: #8fd6b1;--color-primary-contrast: #12301f;--color-secondary: #e6c86e;--color-secondary-hover: #ecd58f;--color-secondary-contrast: #211610;--color-adjacent: #7eb3e6;--color-adjacent-hover: #9bc4ec;--color-adjacent-contrast: #12233d}[data-band=purple]{--color-primary: #7c5cd9;--color-primary-hover: #6247b3;--color-primary-contrast: #ffffff;--color-secondary: #d6a93b;--color-secondary-hover: #b08e2f;--color-secondary-contrast: #211610;--color-adjacent: #d63b8f;--color-adjacent-hover: #ac2f73;--color-adjacent-contrast: #ffffff}[data-band=purple][data-theme=dark]{--color-primary: #a68fe8;--color-primary-hover: #bcaced;--color-primary-contrast: #241a3d;--color-secondary: #e6c169;--color-secondary-hover: #ecd08c;--color-secondary-contrast: #211610;--color-adjacent: #e86fb0;--color-adjacent-hover: #ed8ec2;--color-adjacent-contrast: #3d1a2d}[data-band=custom]{--color-secondary: #d6a93b;--color-secondary-hover: #b08e2f;--color-secondary-contrast: #211610;--color-adjacent: #3bb9ae;--color-adjacent-hover: #2f9a90;--color-adjacent-contrast: #ffffff}[data-band=custom][data-theme=dark]{--color-secondary: #e6c169;--color-secondary-hover: #ecd08c;--color-secondary-contrast: #211610;--color-adjacent: #6fd0c5;--color-adjacent-hover: #8ed9d0;--color-adjacent-contrast: #10302d}html,body{background:var(--color-bg);color:var(--color-text);color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--color-accent: var(--color-primary);--color-accent-hover: var(--color-primary-hover);--color-accent-contrast: var(--color-primary-contrast)}@layer ds.surfaces{:root,[data-surface=pos]{--ds-control-min: 48px;--ds-control-primary: 64px;--ds-font-action: 18px;--ds-font-body: 16px;--ds-density: 1;--ds-tile-min: 96px}[data-surface=kds]{--ds-control-min: 72px;--ds-control-primary: 96px;--ds-font-action: 28px;--ds-font-body: 22px;--ds-density: 1.4;--ds-tile-min: 160px}[data-surface=waiter]{--ds-control-min: 44px;--ds-control-primary: 56px;--ds-font-action: 17px;--ds-font-body: 16px;--ds-density: .9;--ds-tile-min: 80px}[data-surface=back-office]{--ds-control-min: 36px;--ds-control-primary: 40px;--ds-font-action: 14px;--ds-font-body: 14px;--ds-density: .75;--ds-tile-min: 64px}[data-surface=display]{--ds-control-min: 0px;--ds-control-primary: 0px;--ds-font-action: 32px;--ds-font-body: 28px;--ds-density: 1.6;--ds-tile-min: 200px}}@layer ds.primitives{.ds-icon{flex:0 0 auto;display:inline-block;vertical-align:middle}.ds-pressable{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:var(--ds-control-min);min-inline-size:var(--ds-control-min);padding-inline:var(--space-4);border:var(--border-width) solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--ds-font-action);font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--color-surface);color:var(--color-text);transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.ds-pressable[data-tone=accent]:before,.ds-pressable[data-tone=secondary]:before,.ds-pressable[data-tone=adjacent]:before,.ds-pressable[data-tone=danger]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#ffffff38,#fff0 55%);pointer-events:none}.ds-pressable[data-disabled]:before{display:none}.ds-pressable:focus-visible,.ds-tile:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.ds-pressable[data-size=sm]{min-block-size:calc(var(--ds-control-min) * .75);font-size:calc(var(--ds-font-action) * .875)}.ds-pressable[data-size=lg]{min-block-size:var(--ds-control-primary);font-size:calc(var(--ds-font-action) * 1.125)}.ds-pressable[data-tone=accent]{background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-sm)}.ds-pressable[data-tone=accent]:hover:not([data-disabled]){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ds-pressable[data-tone=secondary]{background:var(--color-secondary);color:var(--color-secondary-contrast);box-shadow:var(--shadow-sm)}.ds-pressable[data-tone=secondary]:hover:not([data-disabled]){background:var(--color-secondary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ds-pressable[data-tone=adjacent]{background:var(--color-adjacent);color:var(--color-adjacent-contrast);box-shadow:var(--shadow-sm)}.ds-pressable[data-tone=adjacent]:hover:not([data-disabled]){background:var(--color-adjacent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ds-pressable[data-tone=danger]{background:var(--color-danger);color:#fff;box-shadow:var(--shadow-sm)}.ds-pressable[data-tone=danger]:hover:not([data-disabled]){box-shadow:var(--shadow-md);transform:translateY(-1px)}.ds-pressable[data-tone=ghost]{background:transparent}.ds-pressable[data-tone=neutral]{background:transparent;border-color:var(--color-border)}.ds-pressable[data-tone=neutral]:hover:not([data-disabled]){background:var(--color-bg);border-color:var(--color-primary)}.ds-pressable:active:not([data-disabled]){transform:translateY(0);box-shadow:none}.ds-pressable[data-disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.ds-pressable[data-busy]{cursor:progress}.ds-text{margin:0;font-family:var(--font-body);color:var(--color-text)}.ds-text[data-variant=display]{font-family:var(--font-heading);font-size:calc(var(--ds-font-body) * 2);font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:-.02em}.ds-text[data-variant=heading]{font-family:var(--font-heading);font-size:calc(var(--ds-font-body) * 1.25);font-weight:800;line-height:1.25}.ds-text[data-variant=body]{font-size:var(--ds-font-body);line-height:1.5}.ds-text[data-variant=label]{font-size:calc(var(--ds-font-body) * .875);font-weight:600;line-height:1.3}.ds-text[data-variant=caption]{font-size:calc(var(--ds-font-body) * .8125);line-height:1.4;color:var(--color-text-muted)}.ds-text[data-variant=numeric]{font-size:var(--ds-font-body);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.ds-text[data-tone=muted]{color:var(--color-text-muted)}.ds-text[data-tone=accent]{color:var(--color-accent)}.ds-text[data-tone=success]{color:var(--color-success)}.ds-text[data-tone=warning]{color:var(--color-warning)}.ds-text[data-tone=danger]{color:var(--color-danger)}.ds-text[data-tone=offline]{color:var(--color-offline)}.ds-text[data-clamp]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.ds-text[data-clamp="1"]{-webkit-line-clamp:1}.ds-text[data-clamp="2"]{-webkit-line-clamp:2}.ds-text[data-clamp="3"]{-webkit-line-clamp:3}.ds-stack{display:flex;gap:var(--ds-stack-gap, var(--space-2))}.ds-stack[data-direction=row]{flex-direction:row}.ds-stack[data-direction=column]{flex-direction:column}.ds-stack[data-align=start]{align-items:flex-start}.ds-stack[data-align=center]{align-items:center}.ds-stack[data-align=end]{align-items:flex-end}.ds-stack[data-align=stretch]{align-items:stretch}.ds-stack[data-align=baseline]{align-items:baseline}.ds-stack[data-justify=start]{justify-content:flex-start}.ds-stack[data-justify=center]{justify-content:center}.ds-stack[data-justify=end]{justify-content:flex-end}.ds-stack[data-justify=between]{justify-content:space-between}.ds-stack[data-wrap]{flex-wrap:wrap}.ds-text-input{display:block;inline-size:100%;min-block-size:var(--ds-control-min);padding-inline:var(--space-3);border:var(--border-width-input) solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:var(--ds-font-body);box-shadow:var(--shadow-sm);transition:border-color .12s ease,box-shadow .12s ease}.ds-text-input::placeholder{color:var(--color-text-muted)}.ds-text-input:hover:not(:disabled){border-color:var(--color-primary)}.ds-text-input:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 22%,transparent)}.ds-text-input[data-tone=danger]{border-color:var(--color-danger)}.ds-text-input[data-tone=danger]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 22%,transparent)}.ds-text-input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg)}.ds-textarea{display:block;inline-size:100%;min-block-size:calc(var(--ds-control-min) * 2);padding:var(--space-3);border:var(--border-width-input) solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:var(--ds-font-body);box-shadow:var(--shadow-sm);resize:vertical;transition:border-color .12s ease,box-shadow .12s ease}.ds-textarea::placeholder{color:var(--color-text-muted)}.ds-textarea:hover:not(:disabled){border-color:var(--color-primary)}.ds-textarea:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 22%,transparent)}.ds-textarea[data-tone=danger]{border-color:var(--color-danger)}.ds-textarea[data-tone=danger]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 22%,transparent)}.ds-textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg)}.ds-checkbox{inline-size:20px;block-size:20px;accent-color:var(--color-accent)}.ds-checkbox:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.ds-select{display:block;inline-size:100%;min-block-size:var(--ds-control-min);padding-inline:var(--space-3);border:var(--border-width-input) solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:var(--ds-font-body);box-shadow:var(--shadow-sm);transition:border-color .12s ease,box-shadow .12s ease}.ds-select:hover:not(:disabled){border-color:var(--color-primary)}.ds-select:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 22%,transparent)}.ds-select[data-tone=danger]{border-color:var(--color-danger)}.ds-select:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg)}}@layer ds.patterns{.ds-status-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:calc(var(--ds-font-body) * .8125);font-weight:600;line-height:1.4}.ds-status-badge[data-tone=neutral]{background:var(--color-bg);color:var(--color-text-muted)}.ds-status-badge[data-tone=info]{background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info)}.ds-status-badge[data-tone=success]{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.ds-status-badge[data-tone=warning]{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.ds-status-badge[data-tone=danger]{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.ds-status-badge[data-tone=offline]{background:color-mix(in srgb,var(--color-offline) 15%,transparent);color:var(--color-offline)}.ds-data-table{inline-size:100%;border-collapse:separate;border-spacing:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;font-size:var(--ds-font-body)}.ds-data-table th{padding:var(--space-3) var(--space-4);border-block-end:var(--border-width) solid var(--color-border);font-size:calc(var(--ds-font-body) * .72);font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted);text-align:start}.ds-data-table th[data-align=end]{text-align:end}.ds-data-table td{padding:var(--space-3) var(--space-4);border-block-end:var(--border-width) solid var(--color-border);text-align:start}.ds-data-table td[data-align=end]{text-align:end}.ds-data-table tr[data-clickable]{cursor:pointer}.ds-data-table tr[data-clickable]:hover td{background:var(--color-bg)}.ds-data-table__empty{padding:var(--space-6) var(--space-3);text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-md)}.ds-data-table-wrap{display:flex;flex-direction:column;gap:var(--space-3)}.ds-data-table th[data-sortable]{cursor:pointer;-webkit-user-select:none;user-select:none}.ds-data-table th[data-sortable]:hover{color:var(--color-text)}.ds-data-table__sort-label{display:inline-flex;align-items:center;gap:var(--space-1)}.ds-data-table__sort-icon{opacity:.35;transition:transform .12s ease,opacity .12s ease}.ds-data-table__sort-icon--active{opacity:1;color:var(--color-primary)}.ds-data-table__sort-icon--desc{transform:rotate(180deg)}.ds-data-table__select-col{inline-size:1%;white-space:nowrap}.ds-data-table tr[data-selected] td{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.ds-data-table__bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-primary);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.ds-data-table__bulk-actions{display:flex;align-items:center;gap:var(--space-2)}.ds-data-table__pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.ds-data-table__pagination-controls{display:flex;gap:var(--space-2)}}@layer ds.patterns{.ds-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);inline-size:fit-content}.ds-keypad__key{inline-size:var(--ds-control-min);font-variant-numeric:tabular-nums}.ds-keypad[data-size=sm] .ds-keypad__key{inline-size:calc(var(--ds-control-min) * .75)}.ds-keypad[data-size=lg] .ds-keypad__key{inline-size:var(--ds-control-primary)}.ds-keypad__key--spacer{display:block;visibility:hidden}}@layer ds.patterns{.ds-category-tab-strip{display:flex;gap:var(--space-2);overflow-x:auto;padding-block-end:var(--space-1);scrollbar-width:thin}.ds-category-tab-strip__tab{flex:0 0 auto;border-radius:var(--radius-md) var(--radius-md) 0 0;border-block-end:3px solid transparent;color:var(--color-text-muted)}.ds-category-tab-strip__tab[data-active]{color:var(--color-text);border-block-end-color:var(--ds-category-tab-accent, var(--color-accent))}}@layer ds.patterns{.ds-on-screen-keyboard{display:flex;flex-direction:column;gap:var(--space-2);inline-size:fit-content}.ds-on-screen-keyboard__row{display:flex;gap:var(--space-2)}.ds-on-screen-keyboard__key{inline-size:var(--ds-control-min);text-transform:none}.ds-on-screen-keyboard__key--space{inline-size:calc(var(--ds-control-min) * 4)}}@layer ds.patterns{.ds-stat-tile{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.ds-stat-tile__value{font-size:calc(var(--ds-font-body) * 2);font-weight:800;line-height:1.1}.ds-stat-tile__sparkline{flex:0 0 auto}}@layer ds.patterns{.ds-empty-state{padding:var(--space-8) var(--space-4);text-align:center}.ds-empty-state__icon{color:var(--color-text-muted)}.ds-empty-state__body{max-inline-size:42ch}}@layer ds.patterns{.ds-toast-viewport{position:fixed;inset-block-end:var(--space-4);inset-inline-end:var(--space-4);z-index:200;display:flex;flex-direction:column;gap:var(--space-2);max-inline-size:min(360px,calc(100vw - var(--space-8)))}.ds-toast{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg)}.ds-toast__message{flex:1 1 auto}.ds-toast__dismiss{min-block-size:auto;min-inline-size:auto;padding-inline:var(--space-1)}.ds-toast[data-tone=neutral]{border-inline-start:4px solid var(--color-text-muted)}.ds-toast[data-tone=info]{border-inline-start:4px solid var(--color-info)}.ds-toast[data-tone=success]{border-inline-start:4px solid var(--color-success)}.ds-toast[data-tone=warning]{border-inline-start:4px solid var(--color-warning)}.ds-toast[data-tone=danger]{border-inline-start:4px solid var(--color-danger)}.ds-toast[data-tone=offline]{border-inline-start:4px solid var(--color-offline)}}@layer ds.patterns{.ds-tile{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--space-2);min-block-size:var(--ds-tile-min);padding:calc(var(--space-3) * var(--ds-density));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);text-align:start;overflow:hidden}.ds-tile.ds-pressable{display:flex;padding-inline:calc(var(--space-3) * var(--ds-density))}.ds-tile[data-tone=accent]{background:var(--color-accent);color:var(--color-accent-contrast);border-color:transparent}.ds-tile[data-tone=danger]{background:var(--color-danger);color:#fff;border-color:transparent}.ds-tile[data-tone=muted]{background:var(--color-bg)}.ds-tile[data-tone=accent] .ds-text,.ds-tile[data-tone=danger] .ds-text{color:inherit}.ds-tile[data-size=sm]{min-block-size:calc(var(--ds-tile-min) * .7)}.ds-tile[data-size=lg]{min-block-size:calc(var(--ds-tile-min) * 1.4)}.ds-tile[data-selected]{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent) inset}.ds-tile[data-unavailable]{opacity:.7;background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,color-mix(in srgb,var(--color-text) 8%,transparent) 6px,color-mix(in srgb,var(--color-text) 8%,transparent) 12px)}.ds-tile__media{flex:0 0 auto;border-radius:var(--radius-sm);overflow:hidden}.ds-tile__media>img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.ds-tile__body{flex:1 1 auto;min-inline-size:0}.ds-tile__footer{flex:0 0 auto;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.ds-tile__badge{position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-danger);color:#fff;font-size:calc(var(--ds-font-body) * .75);font-weight:700}}@layer ds.primitives{@media (prefers-reduced-motion: reduce){.ds-pressable{transition:none}}}@layer ds.patterns{.ds-shell{display:flex;flex-direction:column;min-block-size:100vh;background:var(--color-bg)}.ds-shell__topbar{position:sticky;inset-block-start:0;z-index:60;background:var(--color-surface);border-block-end:var(--border-width) solid var(--color-border)}.ds-shell__body{display:flex;flex:1 1 auto;min-block-size:0}.ds-shell__sidebar{box-sizing:border-box;flex:0 0 auto;inline-size:210px;background:var(--color-neutral-900);color:var(--color-neutral-100);padding:var(--space-4) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.ds-shell__main{flex:1 1 auto;min-inline-size:0}.ds-shell-nav-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-block-size:48px;padding:0 var(--space-3);font-family:var(--font-body);font-size:calc(var(--ds-font-body) * .93);font-weight:400;color:var(--color-neutral-100);text-decoration:none;cursor:pointer}.ds-shell-nav-item:hover{color:var(--color-neutral-100);background:var(--color-neutral-800)}.ds-shell-nav-item[data-active]{color:var(--color-accent-contrast);background:var(--color-accent)}.ds-shell-nav-item:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px}.ds-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-neutral-900) 60%,transparent);padding:var(--space-4)}.ds-modal-panel{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);inline-size:100%;max-inline-size:420px}.ds-modal-panel[data-tone=destructive]{border-color:var(--color-danger);box-shadow:0 0 0 1px var(--color-danger),var(--shadow-lg)}.ds-shell-nav-item__badge{display:inline-flex;align-items:center;justify-content:center;min-inline-size:18px;padding:0 var(--space-1);border-radius:var(--radius-sm);background:color-mix(in srgb,currentColor 20%,transparent);font-size:calc(var(--ds-font-body) * .75);font-weight:700}}@layer ds.patterns{.ds-modifier-dialog__media{flex:0 0 auto;inline-size:64px;block-size:64px;border-radius:var(--radius-md);overflow:hidden}.ds-modifier-dialog__media>img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.ds-modifier-dialog__running-total{font-weight:700}.ds-modifier-dialog__group+.ds-modifier-dialog__group{padding-block-start:var(--space-3);border-block-start:1px solid var(--color-border)}.ds-modifier-dialog__option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:var(--space-2);margin-block-start:var(--space-2)}.ds-modifier-dialog__option{display:flex;flex-direction:column;gap:var(--space-2)}.ds-modifier-dialog__inset{grid-column:1 / -1;margin-inline-start:var(--space-3);padding:var(--space-3);border-inline-start:3px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-bg)}.ds-modifier-dialog__footer{padding-block-start:var(--space-3);border-block-start:1px solid var(--color-border)}.ds-modifier-dialog__stepper{font-variant-numeric:tabular-nums}.ds-modifier-dialog__quantity{min-inline-size:2ch;text-align:center}}@layer ds.patterns{.ds-order-line-row{display:flex;align-items:flex-start;gap:var(--space-3);padding-block:calc(var(--space-2) * var(--ds-density));border-block-end:1px solid var(--color-border)}.ds-order-line-row__qty{flex:0 0 auto;min-inline-size:2.5ch}.ds-order-line-row__body{flex:1 1 auto;min-inline-size:0}.ds-order-line-row__name-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ds-order-line-row__modifiers{margin:0;margin-block-start:var(--space-1);padding-inline-start:var(--space-4);list-style:none;display:flex;flex-direction:column;gap:2px}.ds-order-line-row__modifier{display:flex;justify-content:space-between;gap:var(--space-2)}.ds-order-line-row__total{flex:0 0 auto;font-weight:700}.ds-order-line-row__actions{flex:0 0 auto;display:flex;gap:var(--space-1)}}@layer ds.patterns{.ds-payment-sheet{display:flex;flex-direction:column;gap:var(--space-4)}.ds-payment-sheet__due-strip{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);text-align:center}.ds-payment-sheet__due-value{font-size:calc(var(--ds-font-body) * 3);font-weight:800;line-height:1.1}.ds-payment-sheet__methods{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-2)}.ds-payment-sheet__method{flex-direction:column;gap:var(--space-1)}.ds-payment-sheet__keypad{display:flex;justify-content:center}.ds-payment-sheet__denominations{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ds-payment-sheet__footer{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}}@layer ds.patterns{.ds-manager-override-modal__description{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg)}.ds-manager-override-modal__pin{align-items:center}}@layer ds.patterns{.ds-combo-builder__steps{display:flex;list-style:none;margin:0 0 var(--space-4);padding:0}.ds-combo-builder__step{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center;color:var(--color-text-muted)}.ds-combo-builder__step:not(:last-child):after{content:"";position:absolute;inset-inline-start:50%;inset-block-start:13px;inline-size:100%;block-size:2px;background:var(--color-border);z-index:0}.ds-combo-builder__step-node{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;inline-size:28px;block-size:28px;border-radius:50%;border:var(--border-width) solid var(--color-border);background:var(--color-surface);font-weight:700;font-size:13px}.ds-combo-builder__step[data-active]{color:var(--color-text)}.ds-combo-builder__step[data-active] .ds-combo-builder__step-node{border-color:var(--color-accent);color:var(--color-accent)}.ds-combo-builder__step[data-complete] .ds-combo-builder__step-node{background:var(--color-success);border-color:var(--color-success);color:#fff}.ds-combo-builder__body{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-start}.ds-combo-builder__option-grid{flex:1 1 320px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.ds-combo-builder__summary{flex:0 0 240px;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border)}.ds-combo-builder__footer{display:flex;justify-content:flex-end;gap:var(--space-2);margin-block-start:var(--space-4)}}@layer ds.patterns{.ds-approval-workflow-strip{display:flex;list-style:none;margin:0;padding:0}.ds-approval-workflow-strip__stage{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center;padding-inline:var(--space-2)}.ds-approval-workflow-strip__connector{position:absolute;inset-inline-start:0;inset-inline-end:50%;inset-block-start:7px;block-size:2px;background:var(--color-border)}.ds-approval-workflow-strip__stage:first-child .ds-approval-workflow-strip__connector{display:none}.ds-approval-workflow-strip__dot{inline-size:16px;block-size:16px;border-radius:50%;background:var(--color-neutral-400);z-index:1}.ds-approval-workflow-strip__stage[data-tone=success] .ds-approval-workflow-strip__dot{background:var(--color-success)}.ds-approval-workflow-strip__stage[data-tone=info] .ds-approval-workflow-strip__dot{background:var(--color-info)}.ds-approval-workflow-strip__meta{max-inline-size:16ch}}@layer ds.patterns{.ds-receipt-preview{display:flex;justify-content:center}.ds-receipt-preview__paper{inline-size:320px;max-inline-size:100%;padding:var(--space-4);background:var(--color-neutral-100);color:var(--color-neutral-900);border:1px solid var(--color-border);box-shadow:var(--shadow-md);font-family:var(--font-body)}.ds-receipt-preview__block .ds-text{color:inherit}.ds-receipt-preview__logo,.ds-receipt-preview__qr{display:flex;justify-content:center}.ds-receipt-preview__lines{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.ds-receipt-preview__line-row{display:flex;gap:var(--space-2);align-items:baseline}.ds-receipt-preview__line-qty{flex:0 0 auto;min-inline-size:2ch}.ds-receipt-preview__line-name{flex:1 1 auto;min-inline-size:0}.ds-receipt-preview__line-price{flex:0 0 auto}.ds-receipt-preview__line-modifiers{margin:0;padding-inline-start:var(--space-4);list-style:none}}