:root{color:#17211e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#cc772247,#0000 30%),radial-gradient(circle at 100% 100%,#3571673d,#0000 26%),linear-gradient(#f4ebde 0%,#e4dbce 100%);font-family:Avenir Next,Segoe UI,Roboto,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body{height:100%}html{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,.ticket-cart-line,.product-pick,.category-tab,.category-pill{-webkit-user-select:none;user-select:none;touch-action:manipulation}body{min-width:320px;min-height:100dvh;margin:0}button,input,textarea,select{font:inherit}#root{height:100%;min-height:100dvh}.app-shell{max-width:1440px;margin:0 auto;padding:24px}.hero-banner,.panel-surface,.summary-card,.detail-card,.project-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf7d6;border:1px solid #17211e14;box-shadow:0 24px 60px #31271824}.hero-banner{border-radius:28px;grid-template-columns:minmax(0,1.8fr) minmax(280px,.9fr);gap:24px;margin-bottom:20px;padding:28px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#8b5b1f;margin:0 0 10px;font-size:.72rem}.hero-banner h1,.panel-header h2,.project-card h2,.nav-panel h2{color:#12231d;margin:0;font-size:clamp(2.2rem,3vw,3.3rem);font-weight:700;line-height:.98}.panel-header h2,.project-card h2,.nav-panel h2{font-size:1.6rem;line-height:1.1}.hero-text,.panel-caption,.summary-card p,.detail-card p,.project-card p,.nav-panel p,.table-row p{color:#415049;margin:0}.hero-copy{flex-direction:column;gap:12px;display:flex}.hero-meta{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;display:flex}.status-pill,.field-pill,.project-tag,.summary-tone{border-radius:999px;align-items:center;padding:7px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.tone-live{color:#0c6a53;background:#24826829}.tone-warn{color:#9c4a1f;background:#bd5d2529}.tone-accent{color:#16445f;background:#17507524}.tone-muted{color:#3b4943;background:#47514b1f}.summary-grid,.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.summary-grid{margin-bottom:20px}.summary-card,.project-card,.panel-surface,.detail-card{border-radius:24px}.summary-card{flex-direction:column;gap:10px;padding:18px;display:flex}.summary-card strong{color:#12231d;font-size:1.28rem}.workspace-grid{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:18px;margin-bottom:20px;display:grid}.panel-surface{padding:20px}.nav-panel{flex-direction:column;gap:20px;display:flex}.nav-panel-header{flex-direction:column;gap:8px;display:flex}.nav-list{gap:10px;display:grid}.nav-button{text-align:left;color:#12231d;cursor:pointer;background:#fff8f1eb;border:1px solid #12231d14;border-radius:18px;flex-direction:column;gap:4px;padding:14px 16px;transition:transform .14s,border-color .14s,background .14s;display:flex}.nav-button.is-active{background:#fff4e6fa;border-color:#8b5b1f47;transform:translateY(-1px)}@media (hover:hover) and (pointer:fine){.nav-button:hover{background:#fff4e6fa;border-color:#8b5b1f47;transform:translateY(-1px)}}.nav-button small{color:#56645e}.display-pairing{background:#fff9f0b3;border:1px solid #8b5b1f2e;border-radius:14px;gap:10px;padding:16px;display:grid}.display-pairing h3{margin:0;font-size:1rem}.display-pairing-code{letter-spacing:.22em;font-variant-numeric:tabular-nums;text-align:center;color:#8b5b1f;margin:0;font-size:2.6rem;font-weight:700}.display-pairing-hint{color:#56645e;margin:0;font-size:.85rem}.display-pairing-urls{word-break:break-all;color:#30403a;gap:4px;margin:0;padding:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;list-style:none;display:grid}.display-pairing-error{color:#a3402f;margin:0;font-size:.85rem}.implementation-notes ul,.detail-card ul,.project-card ul{color:#30403a;gap:8px;margin:0;padding-left:18px;display:grid}.screen-panel{min-height:480px}.panel-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.detail-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card{flex-direction:column;gap:12px;padding:18px;display:flex}.detail-card h3{color:#16251f;margin:0;font-size:1.05rem}.wide-card{grid-column:1/-1}.pill-list{flex-wrap:wrap;gap:10px;display:flex}.field-pill,.project-tag{color:#16445f;background:#16445f1f}.table-grid{gap:12px;display:grid}.table-row{background:#faf4eceb;border-radius:16px;grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.4fr);gap:12px;padding:12px 14px;display:grid}.project-grid{margin-bottom:16px}.project-card{flex-direction:column;gap:14px;padding:18px;display:flex}.project-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=1120px){.summary-grid,.project-grid,.detail-grid,.detail-grid.two-columns,.workspace-grid,.hero-banner{grid-template-columns:1fr}.panel-header,.project-card-header{flex-direction:column}.table-row{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:16px}.hero-banner,.panel-surface,.summary-card,.detail-card,.project-card{border-radius:20px}.hero-banner,.panel-surface{padding:18px}.hero-banner h1{font-size:1.95rem}}.loading-shell{justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-card{max-width:540px}.toast{top:max(12px, env(safe-area-inset-top));z-index:60;text-align:center;border-radius:16px;max-width:min(92vw,640px);padding:12px 20px;font-size:1rem;line-height:1.25;animation:.16s ease-out toast-in;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #17211e38}.toast.tone-live{pointer-events:none;background:#dff1ea;border:1px solid #24826866}.toast.tone-warn{cursor:pointer;background:#fbe6da;border:1px solid #bd5d2573}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.stack-form,.info-stack{flex-direction:column;gap:12px;display:flex}.info-stack.compact{color:#43524b;gap:6px}.field-block{flex-direction:column;gap:6px;display:flex}.field-block span{color:#385047;font-size:.85rem;font-weight:700}.field-block input,.field-block select,.field-block textarea{color:#12231d;background:#fffdfafa;border:1px solid #12231d1f;border-radius:14px;padding:12px 14px}.field-block textarea{resize:vertical;min-height:120px}.inline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.button-row{flex-wrap:wrap;gap:10px;display:flex}.action-button{cursor:pointer;border:none;border-radius:14px;min-height:48px;padding:12px 16px;font-weight:700;transition:transform .12s,opacity .12s}@media (hover:hover) and (pointer:fine){.action-button:hover{transform:translateY(-1px)}}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.action-button.primary{color:#fffaf3;background:#1b6d65}.action-button.ghost{color:#8b5b1f;background:#fff4e6eb;border:1px solid #8b5b1f33}.nested-card{background:#f9f2e9f5}.mobile-single{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=920px){.inline-grid,.mobile-single{grid-template-columns:1fr}.button-row.column-on-mobile{flex-direction:column}}.cashier-shell{max-width:1320px}.cashier-shell.is-kiosk-checkout{width:100vw;max-width:none;height:100dvh;max-height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex-direction:column;gap:10px;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}.cashier-shell.is-kiosk-checkout .panel-surface{-webkit-backdrop-filter:none;backdrop-filter:none}.cashier-topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:18px 22px;display:flex}.cashier-topbar h1{color:#12231d;margin:0;font-size:clamp(1.8rem,2.6vw,2.4rem);line-height:1.02}.cashier-topbar-copy{flex-direction:column;gap:6px;display:flex}.cashier-topbar-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.cashier-stage{flex-wrap:wrap;gap:8px;display:flex}.cashier-stage-step{color:#3b4943;background:#47514b1f;border-radius:999px;align-items:center;padding:7px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.cashier-stage-step.is-active{color:#0c6a53;background:#24826829}.cashier-stage-step.is-complete{color:#16445f;background:#16445f1f}.hero-actions{justify-content:flex-start}.cashier-main{min-height:620px}.cashier-main.is-checkout-stage{flex:1;min-height:0;display:flex;overflow:hidden}.cashier-flow{flex-direction:column;gap:18px;display:flex}.cashier-shell.is-kiosk-checkout .cashier-flow,.cashier-shell.is-kiosk-checkout .cashier-workbench{flex:1;gap:0;min-height:0;overflow:hidden}.cashier-kiosk-status{align-items:center;gap:6px;display:inline-flex}.connectivity-dot{background:#b3bdb6;border-radius:50%;width:8px;height:8px}.connectivity-dot.is-online{background:#1f9d6c}.connectivity-dot.is-offline{background:#c1502f}.cashier-kiosk-register{color:#16382f;font-weight:700}.action-button.small{border-radius:10px;min-height:40px;padding:6px 10px;font-size:.78rem}.cashier-compact{max-width:520px;margin:0 auto}.cashier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cashier-grid.wide-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}.cashier-card{min-height:100%}.cashier-form-card{gap:18px}.cashier-copy-block{flex-direction:column;gap:8px;display:flex}.cashier-copy-block h2,.cashier-workbench-header h2{color:#12231d;margin:0;font-size:1.7rem;line-height:1.06}.cashier-meta-line{color:#56645e;flex-wrap:wrap;gap:10px;font-size:.95rem;display:flex}.cashier-meta-line span{align-items:center;gap:8px;display:inline-flex}.cashier-meta-line span:not(:last-child):after{content:"•";color:#56645ea6;margin-left:10px}.emphasis-card{background:linear-gradient(#fffaf2fa,#f7efe3f5)}.cashier-workbench-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.catalog-panel,.ticket-panel{gap:16px}.catalog-toolbar{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.search-field{min-width:min(360px,100%)}.catalog-header-controls{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.status-cluster{align-items:center;gap:6px;padding-bottom:2px;display:flex;position:relative}.status-toggle{color:#55645d;cursor:pointer;background:#fffaf2eb;border:1px solid #12231d1f;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:.9rem;line-height:1;display:inline-flex}.status-flyout{z-index:20;gap:10px;min-width:260px;max-width:340px;padding:12px 14px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.status-flyout-title{letter-spacing:.08em;text-transform:uppercase;color:#5d6b64;margin:4px 0 -4px;font-size:.72rem;font-weight:700}.status-flyout-queue{color:#55645d;margin:0;font-size:.85rem}.status-flyout-queue.is-warn{color:#9c4a1f}.queue-badge{white-space:nowrap;color:#16445f;background:#1750751f;border-radius:999px;align-items:center;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.queue-badge.is-warn{color:#6d3f0d;background:#c723}.status-flyout-connectivity{align-items:center;gap:6px;display:inline-flex}.status-flyout-meta{color:#55645d;flex-direction:column;gap:2px;font-size:.85rem;display:flex}.product-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.product-pick{cursor:pointer;color:#12231d;text-align:left;background:#fffaf2f5;border:1px solid #12231d14;border-radius:18px;flex-direction:column;gap:6px;padding:16px;transition:transform .12s,border-color .12s,background .12s;display:flex}@media (hover:hover) and (pointer:fine){.product-pick:hover{background:#fff4e6fa;border-color:#8b5b1f3d;transform:translateY(-1px)}}.product-pick:active{transform:scale(.97)}.product-pick span,.product-pick small,.ticket-line span{color:#56645e}.ticket-header,.ticket-summary{justify-content:space-between;align-items:center;gap:16px;display:flex}.compact-field{min-width:180px}.ticket-lines{gap:10px;display:grid}.ticket-line{background:#faf4eceb;border-radius:16px;grid-template-columns:minmax(0,1.4fr) auto auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.ticket-line-actions{align-items:center;gap:8px;display:flex}.small-button{min-width:48px;min-height:48px;padding:8px 12px}.ticket-summary{background:#e6f1ede6;border-radius:18px;padding:16px 18px}.ticket-summary strong{color:#114238;font-size:1.3rem}.admin-workspace-grid{margin-bottom:20px}@media (width<=1120px){.cashier-workbench-header{flex-direction:column;align-items:flex-start}.cashier-grid,.cashier-grid.wide-grid{grid-template-columns:1fr}.catalog-toolbar,.ticket-header,.ticket-summary{flex-direction:column;align-items:flex-start}.search-field,.compact-field{width:100%;min-width:0}.ticket-line{grid-template-columns:1fr}}.cashier-main.is-modal-stage{justify-content:center;align-items:center;display:flex}.opening-stage{justify-content:center;width:100%;display:flex}.opening-dialog{flex-direction:column;gap:22px;width:min(100%,880px);display:flex}.opening-dialog-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.opening-dialog-header h2{color:#12231d;margin:0;font-size:2rem}.opening-dialog-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.cashier-workbench{min-height:0}.register-layout,.cash-register-layout{grid-template-columns:clamp(320px,27vw,470px) minmax(0,1fr);align-items:stretch;gap:14px;height:100%;min-height:0;max-height:100%;display:grid}.ticket-sidebar,.ticket-shell,.catalog-stage,.payment-layout{background:#fffcf7eb;border:1px solid #17211e14;border-radius:24px;box-shadow:0 24px 60px #31271824}.ticket-sidebar{grid-template-rows:minmax(0,1fr) auto auto auto;grid-template-columns:minmax(0,1fr);gap:12px;height:100%;min-height:0;padding:18px;display:grid;position:relative;overflow:hidden}.ticket-shell{flex-direction:column;gap:16px;min-height:720px;padding:18px;display:flex}.ticket-sidebar-header,.ticket-shell-header,.catalog-header-bar,.payment-dialog-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ticket-sidebar-header{z-index:5;position:absolute;top:12px;right:12px}.ticket-tabs{gap:10px;display:flex}.ticket-tab{color:#12231d;cursor:pointer;background:#fff7edeb;border:1px solid #12231d1a;border-radius:12px;padding:10px 14px}.ticket-tab.is-active{background:#ebf2f1fa}.ticket-cart,.payment-entry-list{gap:10px;display:grid}.ticket-cart{overscroll-behavior:contain;flex:1;grid-row:1;align-content:start;min-height:0;padding-right:4px;overflow:auto}.ticket-cart-line,.payment-entry-row,.payment-line{background:#faf4eceb;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.payment-line{grid-template-columns:minmax(0,1fr) auto auto}.ticket-cart-line{cursor:pointer;border:1px solid #0000;transition:border-color .12s,transform .12s,background .12s}.ticket-cart-line.is-active{background:#eaf4f1f5;border-color:#24826847;transform:translateY(-1px)}@media (hover:hover) and (pointer:fine){.ticket-cart-line:hover{background:#eaf4f1f5;border-color:#24826847;transform:translateY(-1px)}}.ticket-cart-line.is-return{background:#ffefe6f0}.ticket-cart-line.is-active.is-return{background:#ffe8dbfa;border-color:#bd5d2547}.ticket-cart-qty{color:#143b49;background:#e0f1f5f2;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.82rem;font-weight:700;display:inline-flex}.ticket-cart-copy,.ticket-list-copy{flex-direction:column;gap:0;display:flex}.ticket-cart-copy strong{font-size:.94rem;line-height:1.05}.ticket-cart-actions{align-items:center;gap:6px;display:inline-flex}.ticket-cart-total{justify-self:end;font-size:.92rem}@media (width<=1400px){.ticket-cart-line{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"qty copy actions""qty total actions";row-gap:0}.ticket-cart-qty{grid-area:qty}.ticket-cart-copy{grid-area:copy}.ticket-cart-actions{grid-area:actions}.ticket-cart-total{grid-area:total;justify-self:start}}.sale-keypad-panel,.payment-keypad-card{background:#fffcf7f5;border:1px solid #12231d14;border-radius:16px}.payment-amount-display strong{color:#12231d;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:.92}.payment-amount-display small{color:#5d6b64;margin:0}.sale-entry-label,.payment-total-card span,.payment-amount-display span{letter-spacing:.08em;text-transform:uppercase;color:#5d6b64;font-size:.74rem;font-weight:700}.sale-keypad-panel,.payment-keypad-card{padding:10px}.sale-keypad-panel{grid-row:4;align-self:end;padding:10px}.sale-keypad-bar{gap:8px;display:flex}.sale-keypad-bar .action-button{flex:1;min-height:48px;padding:8px 10px;font-size:.86rem}.sale-keypad-panel.is-open .sale-keypad-bar{margin-bottom:8px}.sale-mode-pill{border-radius:999px;justify-content:center;align-items:center;min-width:78px;padding:7px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.sale-mode-pill.is-sale{color:#123947;background:#e0f1f5f2}.sale-mode-pill.is-return{color:#9c4a1f;background:#ffe2d6f5}.touch-keypad,.touch-keypad-row{gap:8px;display:grid}.touch-key{color:#12231d;cursor:pointer;background:#fff8f1f5;border:1px solid #12231d1a;border-radius:16px;min-height:54px;font-size:1.18rem;font-weight:700}.touch-key.is-action{color:#123947;background:#e0f1f5f2;font-size:1.05rem}.touch-key.is-selected{color:#9c4a1f;background:#ffe2d6f5;border-color:#bd5d2547}.touch-key.is-wide{min-height:62px}.ticket-cart-copy small,.ticket-list-copy span,.ticket-list-copy small,.category-pill small,.category-tab small,.product-pick small,.payment-entry-row span,.payment-line span,.empty-ticket-state{color:#5d6b64}.ticket-sidebar-summary,.receipt-summary-card,.payment-balance-card{background:#f4f8f4e6;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.ticket-sidebar-summary{grid-row:2}.ticket-summary-row,.receipt-summary-row,.payment-summary-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.total-row strong,.payment-total-hero{color:#102533;font-size:1.35rem}.ticket-sidebar-summary span,.ticket-sidebar-summary strong{color:#20302a;font-size:.88rem;line-height:1}.ticket-sidebar-actions,.payment-dialog-actions{gap:12px;display:flex}.ticket-sidebar-actions{grid-row:3;grid-template-columns:1fr 1fr;display:grid}.ticket-sidebar-actions>*{min-width:0;padding-left:8px;padding-right:8px}.catalog-stage{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:12px;height:100%;min-height:0;padding:16px;display:grid;overflow:hidden}.catalog-title-block{gap:4px;display:grid}.catalog-title-block h3{color:#12231d;margin:0;font-size:1.12rem}.category-tab-row,.category-strip{flex-wrap:wrap;gap:10px;display:flex}.catalog-stage .category-tab-row{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.catalog-stage .category-tab-row::-webkit-scrollbar{display:none}.catalog-stage .category-tab{flex:none}.catalog-stage .category-tab-row{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 28px),#0000 100%)}.catalog-stage .catalog-header-bar{align-items:center;gap:12px}.catalog-stage .catalog-header-controls{flex-wrap:nowrap;align-items:center}.catalog-stage .search-field{width:clamp(180px,24vw,380px);min-width:0}.catalog-stage .search-field>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.category-tab,.category-pill{cursor:pointer;color:#12231d;background:#fff8f1f0;border:1px solid #12231d14;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.category-tab{justify-content:space-between;min-width:92px;min-height:48px;font-size:.82rem}.category-tab.is-active,.category-pill.is-active{outline:2px solid #12231d1a}.tone-bier{background:#f6c8b1f0}.tone-fris{background:#ffe484f0}.tone-snack,.tone-sterk{background:#f8c68ef0}.tone-warm,.tone-default,.tone-overig{background:#f7f6f3f5}.tone-wijn{background:#fbe284f0}.tone-bonnetjes{background:#bcedc4f0}.tone-merchandise{background:#e0bedff0}.pos-product-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.register-product-grid{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(clamp(112px,8.5vw,172px),1fr));align-content:start;gap:10px;min-height:0;padding-right:4px;display:grid;overflow:auto}.product-pick{border-radius:14px;justify-content:flex-end;gap:4px;min-height:clamp(84px,11vh,116px);padding:10px 10px 12px;position:relative;overflow:hidden}.product-pick strong{font-size:.88rem;line-height:1.05}.product-pick small{font-size:.72rem;line-height:1.05}.product-pick:after{content:"";background:#ec974fe6;height:5px;position:absolute;bottom:0;left:0;right:0}.product-pick.is-favorite:before{content:"★";color:#12231d;font-size:.95rem;position:absolute;top:10px;right:12px}.product-thumb,.product-pick-media{background:linear-gradient(#ffffffd9,#eceef2f2);border:1px solid #12231d1a;border-radius:8px;width:32px;height:24px;margin-bottom:4px}.product-thumb.has-photo{object-fit:contain;background:#ffffffeb;flex:none;width:100%;height:clamp(46px,7vh,76px);padding:2px}.product-pick.has-photo{justify-content:flex-start;min-height:clamp(124px,16vh,168px)}.product-pick.has-photo strong{margin-top:auto}.payment-dialog-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#17211e29;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.payment-dialog{flex-direction:column;gap:10px;width:min(100%,1280px);min-height:0;max-height:100%;display:flex}.payment-dialog-header{flex:none;padding:12px 16px}.payment-total-hero{font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:.95}.payment-dialog-grid,.payment-layout{grid-template-columns:minmax(200px,.36fr) minmax(0,1fr);gap:10px;display:grid}.payment-dialog-grid{grid-template-rows:minmax(0,1fr);min-height:0}.payment-methods,.payment-method-list{gap:8px;display:grid}.payment-methods{align-content:start;min-height:0;padding:12px;overflow-y:auto}.payment-method-button{cursor:pointer;text-align:left;color:#182823;background:#fffcf7f5;border:1px solid #12231d1a;border-radius:12px;min-height:48px;padding:10px 14px;font-size:.9rem;font-weight:700}.payment-method-button.is-active{background:#e0f1f5f2;border-color:#52b3c2a6}.payment-method-button{justify-content:space-between;align-items:center;gap:8px;display:flex}.payment-method-button small{color:#18913b;white-space:nowrap;font-weight:700}.payment-hint{border-radius:12px;margin:6px 0 0;padding:8px 12px;font-size:.86rem}.payment-line-count{color:#5d6b64;margin-left:8px;font-size:.82rem;font-style:normal;font-weight:400}.close-shift-methods{background:#f4f8f4e6;border-radius:14px;gap:4px;padding:10px 14px;display:grid}.close-shift-method{justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.payment-hint.is-warning{color:#6d3f0d;background:#cc772229}.payment-stage-main{gap:8px;min-height:0;padding:12px 12px 0;display:grid;overflow-y:auto}.payment-dialog-footer{z-index:1;background:linear-gradient(#fffcf700 0%,#fffcf7 16% 100%);gap:8px;padding:8px 0 12px;display:grid;position:sticky;bottom:0}@media (height<=820px){.payment-dialog-backdrop{padding:10px}.payment-dialog-header{padding:8px 16px}.payment-dialog-header .eyebrow,.payment-dialog-header .panel-caption{display:none}.touch-keypad.payment .touch-key,.sale-keypad-panel .touch-key{min-height:44px}.sale-keypad-panel .touch-key.is-wide{min-height:48px}.sale-keypad-bar .action-button{min-height:42px}.sale-keypad-panel{padding:8px}.sale-keypad-panel .touch-keypad,.sale-keypad-panel .touch-keypad-row{gap:6px}.sale-keypad-panel.is-open .sale-keypad-bar{margin-bottom:6px}}.payment-entry-layout{grid-template-columns:minmax(240px,.8fr) minmax(260px,1fr);gap:10px;display:grid}.payment-total-card,.payment-allocation-card,.payment-lines-card{background:#fffcf7f5;border:1px solid #12231d14;border-radius:16px;padding:10px 14px}.payment-total-card{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.payment-balance-card{border:1px solid #12231d14}.payment-amount-display{gap:4px;margin-bottom:8px;display:grid}.quick-payment-row{flex-wrap:wrap;gap:6px;display:flex}.quick-payment-row .action-button,.payment-allocation-card>.action-button.primary{padding:7px 12px;font-size:.86rem}.remove-payment-button{color:#bf5144;cursor:pointer;background:0 0;border:none;min-width:48px;min-height:48px;font-size:1.25rem}.tone-live-text strong,.tone-live-text span,.payment-summary-row.is-positive strong,.payment-summary-row.is-positive span{color:#18913b}@media (width<=820px){.opening-dialog-header,.opening-dialog-footer,.register-layout,.cash-register-layout,.payment-dialog-grid,.payment-entry-layout,.ticket-shell-header,.ticket-sidebar-header,.catalog-header-bar,.payment-dialog-header,.cashier-topbar{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.cashier-topbar-controls{justify-content:flex-start}.cashier-shell.is-kiosk-checkout{overflow-y:auto}.register-layout,.cash-register-layout{height:auto;max-height:none}.catalog-header-controls{flex-direction:row;align-items:center;width:100%}.catalog-header-controls .search-field{flex:1;width:auto;min-width:0}.status-flyout{left:0;right:auto}.ticket-sidebar,.catalog-stage{height:auto;overflow:visible}.ticket-sidebar-actions,.payment-dialog-actions{flex-wrap:wrap;width:100%}.payment-dialog-grid{grid-template-rows:auto minmax(0,1fr);align-items:stretch}.ticket-sidebar-actions>*,.payment-dialog-actions>*{flex:1}.ticket-cart-line{grid-template-columns:auto minmax(0,1fr)}.ticket-cart-actions,.ticket-cart-total{grid-column:2;justify-self:start}.sale-keypad-panel,.ticket-sidebar-summary,.ticket-sidebar-actions,.ticket-cart,.sale-entry-card{grid-row:auto}}.qr-dialog-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;background:#17211e57;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.qr-dialog{flex-direction:column;gap:14px;width:min(100%,460px);min-height:0;max-height:100%;padding:18px 20px;display:flex}.qr-dialog-header{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.qr-dialog-header h2{margin:2px 0 0;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1}.qr-status-badge{white-space:nowrap;border-radius:999px;flex:none;padding:5px 11px;font-size:.78rem;font-weight:600}.qr-status-badge.tone-ok{color:#0c6a53;background:#24826829}.qr-status-badge.tone-busy{color:#9c4a1f;background:#bd5d2529}.qr-status-badge.tone-failed{color:#93271d;background:#a8302629}.qr-dialog-body{text-align:center;flex-direction:column;flex:auto;align-items:center;gap:10px;min-height:0;display:flex;overflow-y:auto}.qr-dialog-image{aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid #12231d1a;border-radius:10px;width:min(100%,280px);height:auto;padding:10px}.qr-dialog-note{color:#17211eb3;max-width:34ch;margin:0;font-size:.9rem}.qr-dialog-countdown{font-variant-numeric:tabular-nums;color:#17211ed9;margin:0;font-size:.9rem}.qr-dialog-error,.qr-dialog-warning{color:#93271d;background:#a830261f;border-radius:8px;width:100%;margin:0;padding:10px 12px;font-size:.9rem}.qr-dialog-error p{margin:0 0 4px}.qr-dialog-error p:last-child{color:#17211eb3;margin-bottom:0}.qr-dialog-done{color:#0c6a53;background:#24826829;border-radius:8px;width:100%;padding:12px 14px;font-weight:600}.qr-dialog-done p{margin:0}.qr-dialog-actions{flex:none;grid-template-columns:1fr 1fr;gap:10px;display:grid}.qr-dialog-demo{color:#9c4a1f;letter-spacing:.04em;text-transform:uppercase;background:#bd5d2529;border-radius:8px;width:100%;margin:0;padding:7px 12px;font-size:.82rem;font-weight:700}.special-dialog{width:min(100%,780px)}.special-action-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.special-action-tile{text-align:left;cursor:pointer;font:inherit;color:inherit;background:#ffffffb8;border:1px solid #35716742;border-radius:14px;gap:4px;padding:18px 20px;display:grid}.special-action-tile strong{font-size:1.05rem}.special-action-tile span{color:#17211ea3;font-size:.88rem}.special-action-tile:active{background:#3571671f}.special-action-list.compact{grid-template-columns:repeat(2,1fr);margin-top:0}.special-action-list.compact .special-action-tile{align-content:center;min-height:56px;padding:14px 16px}.cash-event-list{gap:8px;max-height:340px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.cash-event-row{background:#ffffffb8;border:1px solid #3571672e;border-radius:10px;grid-template-columns:48px 1fr auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.cash-event-row.is-reversed{opacity:.55;text-decoration:line-through}.cash-event-when{font-variant-numeric:tabular-nums;color:#17211e99}.cash-event-what{gap:2px;display:grid}.cash-event-note{color:#17211ea3;font-size:.85rem}.cash-event-tag{background:#35716724;border-radius:999px;justify-self:start;padding:1px 8px;font-size:.75rem;text-decoration:none}.cash-event-amount{font-variant-numeric:tabular-nums;font-weight:600}.payments-overview-bar{align-items:center;gap:10px;display:flex}.payments-overview-state{color:#17211e99;flex:auto;font-size:.85rem}.cash-event-row.payment-row{grid-template-columns:82px 1fr auto auto}.cash-event-row.payment-row.is-unmatched{background:#bd5d2512;border-color:#bd5d2573}@media (width<=720px){.cash-event-row.payment-row{grid-template-columns:70px 1fr auto}.cash-event-row.payment-row .qr-status-badge{grid-column:2/-1;justify-self:start}}.special-action-tile.is-selected{background:#35716724;border-color:#357167e6;box-shadow:inset 0 0 0 1px #35716799}.special-action-body{gap:14px;min-height:0;margin-top:14px;display:grid}.special-action-warning{color:#6d3f0d;background:#cc772229;border-radius:12px;margin:0;padding:10px 14px;font-size:.9rem}.match-list{gap:8px;max-height:42vh;padding-right:4px;display:grid;overflow-y:auto}.match-row{text-align:left;cursor:pointer;font:inherit;color:inherit;background:#ffffffb8;border:1px solid #35716733;border-radius:12px;grid-template-columns:62px minmax(0,1fr) minmax(0,150px) 86px;align-items:center;gap:12px;padding:12px 14px;display:grid}.match-row.is-selected{background:#35716724;border-color:#357167cc}.match-row.is-paid{opacity:.66}.match-row-when{line-height:1.2;display:grid}.match-row-when span{color:#17211e8f;font-size:.78rem}.match-row-teams{min-width:0;line-height:1.25;display:grid}.match-row-teams strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-row-series{color:#17211e8f;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.match-row-referee{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.match-row-muted{color:#17211e70;font-style:normal}.match-row-state{justify-self:end}.match-badge{color:#2c5b53;white-space:nowrap;background:#35716724;border-radius:999px;padding:3px 10px;font-size:.76rem;display:inline-block}.match-badge.is-paid{color:#6d3f0d;background:#c723}.special-action-fields{grid-template-columns:140px minmax(0,1fr);gap:12px;display:grid}.special-action-fields label{color:#17211eb3;gap:4px;font-size:.82rem;display:grid}.special-action-fields input{font:inherit;color:inherit;background:#ffffffe6;border:1px solid #35716747;border-radius:10px;padding:12px 14px}.special-action-note{grid-column:1/-1}.special-action-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.special-action-summary{color:#17211e9e;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.catalog-title-row{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.happy-hour-pill{color:#6d3f0d;white-space:nowrap;background:#cc772238;border-radius:999px;align-items:baseline;gap:8px;padding:4px 12px;display:inline-flex}.happy-hour-pill.is-leeg{color:#8c2f16;background:#bd3c252e}.happy-hour-pill strong{font-size:.9rem}.happy-hour-pill>span{font-size:.8rem}.ticket-discount{color:#9c4a1f;font-weight:600}.product-price-happy{align-items:baseline;gap:6px;display:flex}.product-price-happy s{color:#17211e73;font-size:.82em}.product-price-happy span{color:#9c4a1f;font-weight:700}.happy-hour-state{background:#3571671a;border-radius:14px;gap:4px;padding:14px 16px;display:grid}.happy-hour-state.is-running{color:#6d3f0d;background:#cc77222e}.happy-hour-state span{color:#17211ead;font-size:.88rem}.happy-hour-state.is-running span{color:#6d3f0ddb}.happy-hour-duration{gap:8px;display:grid}.happy-hour-duration>span{color:#17211e9e;font-size:.85rem}.happy-hour-duration-row{flex-wrap:wrap;gap:8px;display:flex}.happy-hour-duration-row .action-button.is-selected{background:#35716729;border-color:#357167cc;font-weight:700}.connectivity-dot{background:#b3bdb6;border-radius:50%;flex:none;width:12px;height:12px}.connectivity-dot.is-online{background:#1f9d6c;box-shadow:0 0 0 3px #1f9d6c2e}.connectivity-dot.is-offline{background:#d23b12;animation:1.6s ease-in-out infinite verbinding-puls;box-shadow:0 0 0 3px #d23b1238}.connectivity-label{color:#55645d;font-size:.82rem;font-weight:700}.connectivity-label.is-offline{color:#b8330f;text-transform:uppercase;letter-spacing:.04em}.connectivity-pill{z-index:60;color:#2c463d;background:#ffffffeb;border:1px solid #35716740;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:.82rem;font-weight:700;display:flex;position:fixed;top:14px;right:16px}.connectivity-pill.is-offline{color:#93290c;background:#fdeee9;border-color:#d23b12}@keyframes verbinding-puls{0%,to{box-shadow:0 0 0 3px #d23b1238}50%{box-shadow:0 0 0 7px #d23b120f}}.connection-banner{z-index:80;border-radius:14px;gap:8px;width:min(760px,100vw - 32px);padding:16px 20px;animation:.22s ease-out banner-op;display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0c1a153d}.connection-banner.is-offline{color:#6f1f06;background:#fdeee9;border:1px solid #d23b12}.connection-banner.is-restored{color:#10432f;background:#eaf7f0;border:1px solid #1f9d6c}.connection-banner strong{font-size:1.05rem}.connection-banner ul{gap:4px;margin:0;padding-left:18px;font-size:.92rem;line-height:1.35;display:grid}.connection-banner-close{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;justify-self:end;font-weight:700;text-decoration:underline}body:has(.payment-dialog-backdrop,.qr-dialog-backdrop) .connection-banner{bottom:auto;top:max(10px, env(safe-area-inset-top));flex-wrap:wrap;align-items:baseline;gap:2px 12px;width:min(640px,100vw - 32px);padding:8px 14px;display:flex}body:has(.payment-dialog-backdrop,.qr-dialog-backdrop) .connection-banner strong{font-size:.95rem}body:has(.payment-dialog-backdrop,.qr-dialog-backdrop) .connection-banner-close{order:2;margin-left:auto}body:has(.payment-dialog-backdrop,.qr-dialog-backdrop) .connection-banner ul{flex:1 0 100%;order:3;padding-left:0;font-size:.85rem;list-style:none}body:has(.payment-dialog-backdrop,.qr-dialog-backdrop) .connection-banner li:not(:first-child){display:none}@keyframes banner-op{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.connectivity-dot.is-offline,.connection-banner{animation:none}}.ocr-auto-fill{color:#59636b;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.ocr-auto-fill input[type=checkbox]{accent-color:#4fa3b0;cursor:pointer;width:1.125rem;height:1.125rem}.ocr-loading{text-align:center;color:#4fa3b0;padding:.75rem;font-size:.875rem}.ocr-loading:before{content:"";border:2px solid #4fa3b0;border-top-color:#0000;border-radius:50%;width:1rem;height:1rem;margin-right:.5rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.ocr-result{background:#ffffff80;border:1px solid #e0e0e0;border-radius:8px;margin-top:1rem;padding:.75rem}.ocr-result h4{color:#17211e;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.ocr-result-table{border-collapse:collapse;width:100%;font-size:.875rem}.ocr-result-table td{vertical-align:top;padding:.25rem .5rem}.ocr-result-table td:first-child{color:#59636b;white-space:nowrap;font-weight:500}.ocr-result-table td:last-child{text-align:right}.ocr-result-table strong{color:#17211e;font-weight:600}.ocr-mistral-details{background:#4fa3b01a;border-radius:4px;margin-top:.5rem;padding:.5rem;font-size:.75rem}.ocr-mistral-details summary{cursor:pointer;color:#4fa3b0;outline:none;font-weight:500}.ocr-mistral-details summary::-webkit-details-marker{color:#4fa3b0}.ocr-mistral-details pre{white-space:pre-wrap;word-wrap:break-word;color:#333;margin:.5rem 0 0;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.75rem}.attachment-source-selector{gap:.5rem;margin-bottom:.75rem;display:flex}.display-capture-wachten{background:#4fa3b01f;border:1px solid #4fa3b0;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;margin-bottom:.75rem;padding:.75rem;display:flex}.display-capture-wachten p{margin:0;font-size:.875rem}.display-devices-list{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.display-device-item{cursor:pointer;text-align:left;background:#ffffff80;border:1px solid #e0e0e0;border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;transition:all .2s;display:flex}.display-device-item:hover:not(:disabled){background:#4fa3b01a;border-color:#4fa3b0}.display-device-item.is-selected{background:#4fa3b033;border-color:#4fa3b0}.display-device-item:disabled{opacity:.5;cursor:not-allowed}.display-device-name{color:#17211e;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.display-device-status{flex-shrink:0;font-size:1rem}.attachment-input{margin-bottom:.5rem}.attachment-preview{margin-bottom:.75rem}.attachment-preview-wrapper{display:inline-block;position:relative}.attachment-preview-image{border-radius:6px;max-width:100%;max-height:200px;display:block}.attachment-preview-document{background:#f5f5f5;border-radius:6px;align-items:center;gap:.5rem;min-width:100px;min-height:80px;padding:1rem;display:flex}.attachment-preview-icon{font-size:1.5rem}.attachment-preview-name{color:#666;font-size:.875rem}.attachment-remove-button{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;font-size:1rem;line-height:1;display:flex;position:absolute;top:.25rem;right:.25rem}.attachment-remove-button:hover{background:#000000b3}.attachment-placeholder{background:#f5f5f5;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:80px;padding:2rem;display:flex}.attachment-placeholder-icon{opacity:.5;margin-bottom:.5rem;font-size:2rem}.attachment-placeholder-text{color:#666;font-size:.875rem}.attachment-add-button,.attachment-change-button{margin-top:.5rem}.attachment-error{color:#e08878;margin-bottom:.5rem;font-size:.875rem}.special-action-attachment{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem;display:block}.special-action-attachment>span{color:#17211e;margin-bottom:.75rem;font-size:.875rem;font-weight:500;display:block}@media (width<=600px){.attachment-source-selector{flex-wrap:wrap}.display-device-item{flex-direction:column;align-items:flex-start;gap:.25rem}.display-device-status{margin-left:auto}}.held-ticket-toggle{color:#1f3b34;min-height:28px;font:inherit;cursor:pointer;white-space:nowrap;background:#35716724;border:1px solid #35716773;border-radius:999px;flex:none;padding:4px 10px;font-size:.78rem;font-weight:700}.held-ticket-toggle:hover{background:#35716738}.held-ticket-list{gap:8px;max-height:42vh;padding-right:4px;display:grid;overflow-y:auto}.held-ticket-row{background:#ffffffb8;border:1px solid #35716733;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.held-ticket-copy{min-width:0;line-height:1.25;display:grid}.held-ticket-copy span{color:#17211e99;font-size:.82rem}.held-ticket-actions{gap:8px;display:flex}.held-ticket-actions .action-button.is-selected{color:#8d2b24;background:#a8322a24;border-color:#a8322acc}