*{box-sizing:border-box}body{margin:0;font:14px/1.5 system-ui,sans-serif;color:#263746;background:#f3f6f8}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer;padding:9px 13px;border:1px solid #d6e0e6;border-radius:7px;background:#fff;color:#304955}button:hover{background:#eef5f4}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#176b59;color:#fff;border-color:#176b59}.primary:hover{background:#125746}.danger{color:#b33939}a{color:#176b59}aside{position:fixed;inset:0 auto 0 0;width:230px;padding:30px 20px;background:#102c30;color:#d9e8e7;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:#f2fffa;font-size:25px;font-weight:750;text-decoration:none}.brand span{font-size:21px}.brand small{display:block;font-size:8px;letter-spacing:.15em;font-weight:500;color:#98bbb5}nav{display:grid;gap:6px;margin-top:40px}nav button{border:0;text-align:left;background:transparent;color:#a9c4c2;padding:12px 14px}nav button.active{background:#25474a;color:#fff;font-weight:650}.aside-bottom{margin-top:auto;font-size:12px;color:#a9c4c2}.aside-bottom p{font-size:11px;line-height:1.8}.aside-bottom a{color:#c7dfd9}.aside-bottom small{display:block;margin-top:20px;font-size:10px}.local-dot{display:inline-block;background:#76c6a8;width:7px;height:7px;border-radius:50%;margin-right:6px}main{margin-left:230px;max-width:1600px;padding:34px 4vw 60px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#72918a;font-weight:700}h1{font-size:34px;letter-spacing:-1px;margin:5px 0}h2{font-size:18px;margin:0 0 16px}h3{font-size:15px}header p{color:#7b8a96;margin:0}.header-actions,.actions{display:flex;gap:8px;flex-wrap:wrap}.device-note{background:#e7efed;color:#4e6f66;padding:11px 15px;font-size:11px;border-radius:7px;margin:18px 0 24px}#status{color:#176b59;min-height:20px;font-size:13px}#status.error{color:#af3434}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat,.panel{background:white;border:1px solid #e0e8ed;border-radius:11px;padding:22px;box-shadow:0 2px 8px #142b3203}.stat small{display:block;color:#768993;font-size:11px}.stat strong{display:block;font-size:25px;margin-top:10px;font-weight:650}.stat .hint{font-size:10px;color:#8b9b9e}.two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:20px}.panel+.panel{margin-top:20px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.panel-head h2{margin:0}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}input,select,textarea{padding:9px 11px;border:1px solid #d5dfe5;background:#fff;border-radius:6px;max-width:100%;color:#30424d}input[type=search]{min-width:220px;flex:1}input[type=number]{width:110px}label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#71828c}label input,label select{color:#283e48}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select{width:100%}.form-grid button{justify-self:start}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{text-align:left;color:#7c8e96;font-weight:550;background:#f7f9fa;font-size:10px;text-transform:uppercase;letter-spacing:.04em}th,td{padding:12px 10px;border-bottom:1px solid #edf1f3}td strong{font-weight:600}td small{display:block;color:#819298}table input{width:85px;padding:5px}.pill{display:inline-block;border-radius:5px;padding:3px 7px;background:#edf5f1;color:#246f54;font-size:10px}.pill.low{background:#fff3e3;color:#ac722b}.pill.due{background:#fff0ed;color:#ba604f}.empty{padding:35px 10px;text-align:center;color:#92a0a6;white-space:normal}.muted{color:#819298;font-size:12px}.product-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:440px;overflow:auto}.product-pick{text-align:left;padding:13px}.product-pick strong{display:block;font-size:13px}.product-pick span{font-size:11px;color:#7f9696}.total-line{display:flex;justify-content:space-between;padding:8px 0}.total-line.big{font-size:23px;font-weight:700;border-top:1px solid #e2e8eb;margin-top:10px;padding-top:15px}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.checkout-fields input,.checkout-fields select{width:100%}.cart-footer{border-top:1px solid #e2e8eb;margin-top:12px;padding-top:12px}.checkout{width:100%;padding:14px;margin-top:12px}dialog{width:min(650px,95vw);max-height:90dvh;overflow:auto;border:1px solid #d0dee0;border-radius:12px;padding:25px;color:#263746}dialog::backdrop{background:#142f3e88}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-top h2{margin:0}.dialog-top button{font-size:20px;padding:2px 10px}.receipt{text-align:center;color:#1e293b;background:white;padding:20px}.receipt table{text-align:left}.receipt .totals{max-width:340px;margin:20px 0 20px auto;text-align:left}.receipt h2{font-size:23px;margin:0}.receipt p{margin:5px 0;font-size:12px;white-space:pre-line}.receipt .receipt-meta{text-align:left;margin:22px 0}.receipt-foot{border-top:1px dashed #cbd5e1;padding-top:20px}.callout{border-left:3px solid #74af98;padding:12px 16px;background:#f2f7f4;font-size:12px;margin:18px 0}#printRoot{display:none}.csv-note{font:11px/1.8 monospace;background:#f4f7f8;padding:12px;white-space:pre-wrap}.report-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:20px}@media(max-width:1050px){aside{width:185px;padding:23px 12px}main{margin-left:185px;padding:25px}.stats{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.two>.panel{margin:0}}@media(max-width:650px){aside{position:static;width:100%;padding:15px;display:block}.brand{font-size:20px}.brand span{font-size:18px}nav{display:flex;overflow:auto;gap:3px;margin:15px -4px 0}nav button{white-space:nowrap;font-size:12px;padding:8px 10px}.aside-bottom{display:none}main{margin:0;padding:20px 14px}header{align-items:flex-start;flex-wrap:wrap}h1{font-size:28px}.header-actions{width:100%}.stats{gap:8px}.stat,.panel{padding:16px}.stat strong{font-size:21px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.product-picks{max-height:230px}.checkout-fields{grid-template-columns:1fr}input[type=search]{min-width:0;width:100%}.receipt{padding:0}.receipt th,.receipt td{padding:8px 5px;white-space:normal}}@media print{body>*{display:none!important}body>#printRoot{display:block!important}body{background:white}#printRoot .receipt{padding:0;max-width:750px;margin:0 auto}#printRoot table{white-space:normal}#printRoot tr{break-inside:avoid}#printRoot .receipt-foot{break-after:auto}@page{margin:12mm}}
/* Corentra POS: a compact checkout desk inspired by desktop retail workflows. */
body{--pos-bg:#252729;--pos-panel:#303336;--pos-field:#252729;--pos-line:#484c50;--pos-text:#e8ebed;--pos-muted:#a7afb4;background:var(--pos-bg);color:var(--pos-text)}body.pos-light{--pos-bg:#f3f6f8;--pos-panel:#fff;--pos-field:#fff;--pos-line:#d6e0e6;--pos-text:#263746;--pos-muted:#71828c}aside{background:#1b1e20;border-right:1px solid #41484b}nav button.active{background:#32627c}main{max-width:none}h1{font-size:26px;letter-spacing:-.4px}.stat,.panel,dialog{background:var(--pos-panel);color:var(--pos-text);border-color:var(--pos-line);box-shadow:none}.device-note{background:var(--pos-panel);color:var(--pos-muted);border:1px solid var(--pos-line)}button{background:var(--pos-panel);border-color:var(--pos-line);color:var(--pos-text);border-radius:3px}button:hover{background:#486171;color:#fff}button.primary,.primary{background:#4e984c;border-color:#4e984c;color:#fff}.primary:hover{background:#40843f}input,select,textarea{background:var(--pos-field);color:var(--pos-text);border-color:var(--pos-line);border-radius:3px}label,.muted,.stat small,header p{color:var(--pos-muted)}th{background:var(--pos-bg);color:var(--pos-muted)}td,th{border-color:var(--pos-line)}td small{color:var(--pos-muted)}.callout,.csv-note{background:var(--pos-bg);color:var(--pos-muted)}.stat strong{font-size:23px}.danger{color:#f29f98}.pill{background:#345d43;color:#d3f2d3}.pill.due{background:#6e463a;color:#ffe0ca}.pill.low{background:#665337;color:#ffe4b2}#status{color:#a6d7b4}#status.error,#formError,#tenderError,#refundError,#holdError{color:#ffb6a9}.receipt{color:#263746}.receipt th{background:#f3f6f8;color:#63737c}.receipt td,.receipt th{border-color:#dae0e5}.receipt .total-line{border-color:#dae0e5}.receipt .muted{color:#60727b}.pos-mode>aside{display:none}.pos-mode>main{margin:0;padding:14px 18px 24px;max-width:none}.pos-mode header{gap:10px;border-bottom:1px solid var(--pos-line);padding-bottom:10px}.pos-mode header h1{font-size:20px;letter-spacing:0;margin:0}.pos-mode header .eyebrow,.pos-mode #subtitle{display:none}.pos-mode .device-note{font-size:10px;margin:8px 0 10px;padding:6px 9px}.pos-mode #status{min-height:16px;margin:7px 0;font-size:11px}.pos-mode #content>.two{grid-template-columns:minmax(0,1fr) 360px;gap:12px;align-items:stretch}.pos-mode #cartPanel{grid-column:1;grid-row:1;display:flex;flex-direction:column;min-height:calc(100dvh - 170px);margin:0;border-radius:3px;padding:0}.pos-mode #content>.two>.panel:first-child{grid-column:2;grid-row:1;margin:0;border-radius:3px;padding:12px;display:flex;flex-direction:column}.pos-mode #cartPanel>h2{margin:0;padding:10px 13px;background:#222527;font-size:13px;font-weight:500;border-bottom:1px solid var(--pos-line)}.pos-light.pos-mode #cartPanel>h2{background:#e7edef}.pos-mode #cartPanel>.table-scroll{flex:1;min-height:200px;max-height:calc(100dvh - 430px)}.pos-mode #cartPanel table{font-size:13px}.pos-mode #cartPanel td,.pos-mode #cartPanel th{padding:12px}.pos-mode #cartPanel table input{width:100%;min-width:55px;max-width:100px}.pos-mode #cartPanel .checkout-fields{margin:12px;padding:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pos-mode .checkout-fields label{font-size:10px}.pos-mode .cart-footer{margin-top:auto;padding:8px 16px}.pos-mode .total-line.big{font-size:28px;color:#f3fff0}.pos-light.pos-mode .total-line.big{color:#176b59}.pos-mode .cart-footer>.muted{font-size:10px}.pos-mode #completeBill{display:none}.pos-mode #clearBill{padding:5px 10px;font-size:11px}.pos-mode .product-picks{grid-template-columns:1fr 1fr;max-height:200px;min-height:90px;overflow:auto}.pos-mode .product-pick{padding:9px;min-width:0}.pos-mode .product-pick strong{font-size:11px;overflow-wrap:anywhere}.pos-mode .product-pick span{font-size:10px;color:var(--pos-muted)}.pos-mode .toolbar{margin-bottom:10px}.pos-mode input[type=search]{min-width:0;font-size:12px}.pos-mode .panel-head h2{font-size:13px}.pos-mode .panel-head button{font-size:10px;padding:5px}.pos-mode .panel>.muted{font-size:10px;line-height:1.5}.pos-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:auto;padding-top:12px}.pos-action-grid button{min-height:62px;font-size:11px;padding:7px 3px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.pos-action-grid small{font-size:9px;color:#b9cad5}.pos-action-grid .pos-pay{background:#4c9d4b;color:white;font-weight:700;font-size:14px}.pos-action-grid [data-pos=void]{background:#79312e}.payment-total{font-size:40px;font-weight:700;color:#91cd7e;margin-bottom:10px}.tender-summary{padding:18px 0}.tender-summary .big{color:#91cd7e}.pos-light .payment-total,.pos-light .tender-summary .big{color:#176b59}.pos-light .pos-action-grid small{color:#71828c}.pos-light .pos-action-grid [data-pos=void]{color:#fff}.pos-mode .pos-action-grid button:focus-visible{outline:2px solid #8dcfff}.pos-light aside{background:#102c30}
@media(max-width:900px){.pos-mode #content>.two{grid-template-columns:minmax(0,1fr) 285px}.pos-mode #cartPanel .checkout-fields{grid-template-columns:1fr 1fr}.pos-mode .pos-action-grid button{min-height:53px;font-size:10px}}
@media(max-width:650px){.pos-mode>main{padding:10px}.pos-mode #content>.two{display:flex;flex-direction:column}.pos-mode #cartPanel{min-height:400px}.pos-mode #content>.two>.panel:first-child{order:2}.pos-mode #cartPanel>.table-scroll{max-height:40dvh;min-height:140px}.pos-mode .product-picks{max-height:180px;grid-template-columns:repeat(3,minmax(0,1fr))}.pos-mode .pos-action-grid{grid-template-columns:repeat(3,1fr)}.pos-mode .header-actions{width:auto}.pos-mode .header-actions button{font-size:10px;padding:7px}.pos-mode .pos-action-grid button{min-height:48px}.payment-total{font-size:30px}.pos-mode .device-note{font-size:9px}}
@media print{body{background:white;color:#263746}.receipt{color:#263746}.receipt th{color:#63737c;background:#f3f6f8}}
body:not(.pos-light) label input,body:not(.pos-light) label select,body:not(.pos-light) label textarea,body:not(.pos-light) .form-grid input,body:not(.pos-light) .form-grid select{color:var(--pos-text)}.pos-brand{display:none}.pos-mode .pos-brand{display:block;font-size:15px;font-weight:700;margin-bottom:2px;color:var(--pos-text)}.pos-brand small{font-size:9px;font-weight:400;color:var(--pos-muted);margin-left:8px}.pos-mode header h1{font-size:12px;color:var(--pos-muted)}
/* Checkout workflow aligned with the supplied desktop POS demonstration. */
.pos-mode>main{height:100dvh;display:flex;flex-direction:column;padding:8px;overflow:hidden}.pos-mode header{flex:none;padding:2px 4px 7px}.pos-mode .device-note{display:none}.pos-mode #status{margin:3px 4px;min-height:15px}.pos-mode #content{flex:1;min-height:0;display:flex;flex-direction:column}.pos-searchbar{display:flex;gap:8px;align-items:center;position:relative;padding:6px 8px;border-bottom:1px solid #3da7cb;background:#303336}.pos-searchbar input{flex:1;border:0;background:transparent;padding:7px;font-size:14px}.search-symbol{font-size:26px}.pos-searchbar>button{padding:7px 13px;font-size:12px}.pos-mode #content>.two{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) minmax(310px,30%);gap:3px}.pos-mode #cartPanel{min-height:0;border-radius:0;border-top:0}.pos-mode #cartPanel>h2{display:none}.pos-mode #cartPanel>.table-scroll{max-height:none;min-height:110px}.pos-mode #cartPanel .checkout-fields{grid-template-columns:1.3fr .7fr 1fr;margin:8px}.pos-mode #cartPanel .checkout-fields label:has(#billPaid){display:none}.pos-mode .cart-footer>.muted,.pos-mode #clearBill{display:none}.pos-mode .cart-footer{flex:none;margin-top:0}.pos-mode .total-line{padding:3px 0}.pos-mode .total-line.big{margin-top:4px;padding-top:8px}.pos-mode #content>.two>.panel:first-child{padding:4px;min-height:0;border-radius:0;background:#303336}.pos-actions-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.pos-actions-top button{min-height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;font-size:11px;padding:8px 2px;gap:5px}.pos-actions-top strong{font-size:28px;font-weight:400}.pos-actions-top small,.payment-types small{position:absolute;top:3px;left:4px;color:#bac3c8;font-size:10px}.payment-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-top:4px}.payment-types button{position:relative;padding:19px 2px 10px;font-size:11px;border-bottom:3px solid #2aa9d7;min-height:54px}.payment-types button:first-child{border-bottom-color:#5fb762}.pos-watermark{flex:1;min-height:45px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:35px;color:#697076;opacity:.4;font-weight:700}.pos-watermark span{font-size:21px;font-weight:400}.pos-mode .pos-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-top:0;padding-top:4px}.pos-mode .pos-action-grid button{min-height:70px;font-size:11px}.pos-action-grid strong{font-size:23px;font-weight:500}.pos-mode .pos-action-grid .pos-pay{grid-column:span 2;font-size:15px}.pos-mode .pos-action-grid [data-pos=void]{background:#a1272c;color:white}.pos-mode .pos-action-grid [data-pos=fullscreen]{grid-column:span 2}.pos-action-grid small{position:absolute;top:3px;left:4px}.selected-row,.selected-row td{background:#257c9d!important;color:white!important}.selected-row input{border-color:#8ed9f1}.pos-suggestions{position:absolute;z-index:10;left:0;right:0;top:100%;background:var(--pos-panel);box-shadow:0 8px 20px #0007;border:1px solid var(--pos-line);padding:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;max-height:45dvh!important}.pos-suggestions[hidden]{display:none!important}.wide-dialog{width:min(1000px,96vw)}.payment-dialog{width:min(1100px,97vw);padding:20px}.payment-layout{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);gap:30px}.payment-items{border-right:1px solid var(--pos-line);padding-right:20px;max-height:65dvh;overflow:auto}.payment-items>div:not(.total-line){padding:10px 0;border-bottom:1px solid var(--pos-line)}.payment-items span{display:block;font-size:11px;color:var(--pos-muted)}.payment-items b{display:block;text-align:right}.payment-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-width:290px;margin:18px 0}.payment-keypad button{font-size:22px;padding:10px}.payment-keypad #exactTender,.payment-keypad #clearTender{font-size:12px}.payment-keypad #exactTender{grid-column:span 2}.payment-workspace .payment-total{font-size:35px}.tender-summary{padding:3px 0}.completion-dialog{width:min(850px,96vw)}.completion{text-align:center;padding:20px}.completion-check{font-size:44px;color:#83ce75}.receipt-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.receipt-actions button{min-height:90px;font-size:16px}.completion>#nextCustomer{padding:14px 35px}.documents-screen #documentList{max-height:38dvh;overflow:auto}.documents-screen #documentDetails{max-height:35dvh;overflow:auto}[data-document],[data-stock]{cursor:pointer}[data-document]:hover td,[data-stock]:hover td{background:#396071}.pos-light .pos-searchbar,.pos-light.pos-mode #content>.two>.panel:first-child{background:#e8edf0}.pos-light .selected-row td{color:white}.pos-light .pos-watermark{color:#68797f}
@media(max-width:900px){.pos-mode #content>.two{grid-template-columns:minmax(0,1fr) 310px}.pos-mode #cartPanel .checkout-fields{grid-template-columns:1fr 1fr}.pos-mode .pos-action-grid button{min-height:58px}.pos-actions-top button{min-height:70px}}
@media(max-width:650px){.pos-mode>main{height:auto;min-height:100dvh;overflow:visible}.pos-mode #content>.two{display:flex}.pos-mode #cartPanel{min-height:330px}.pos-mode #cartPanel>.table-scroll{max-height:38dvh}.pos-mode #content>.two>.panel:first-child{min-height:300px}.pos-watermark{display:none}.pos-mode .pos-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pos-mode .pos-action-grid button{min-height:60px;font-size:10px}.pos-actions-top button{min-height:60px}.pos-suggestions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.payment-layout{grid-template-columns:1fr;gap:10px}.payment-items{max-height:120px;border:0;padding:0}.payment-workspace .payment-total{font-size:28px}.payment-keypad{max-width:none;margin:12px 0}.payment-keypad button{padding:7px}.receipt-actions{gap:7px}.receipt-actions button{font-size:13px;min-height:70px}.completion{padding:0}.pos-searchbar>button{font-size:10px;max-width:80px}.pos-mode header .pos-brand small{display:block;margin:0}.pos-mode .header-actions{gap:3px}.pos-mode .header-actions button{padding:6px 5px;font-size:9px}}
@media print{#printRoot.compact-receipt .receipt{max-width:72mm;font-size:11px}#printRoot.compact-receipt .receipt table{font-size:10px}#printRoot.compact-receipt .receipt th,#printRoot.compact-receipt .receipt td{padding:5px 2px}#printRoot.compact-receipt .receipt h2{font-size:18px}#printRoot.compact-receipt .receipt .total-line.big{font-size:17px}}
/* Management workspaces: catalogue groups, configurable records and inventory counts. */
.management-panel{padding:0}.management-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--pos-line)}.management-toolbar button{font-size:12px}.catalog-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;padding:12px}.group-list{display:flex;flex-direction:column;gap:3px;border-right:1px solid var(--pos-line);padding-right:12px}.group-list button{text-align:left}.group-list .active{background:#238fb5;color:white}.catalog-layout [data-product]{cursor:pointer}.catalog-layout [data-product]:hover td{background:#375564}.rate-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(80px,.5fr) auto;gap:12px;align-items:end;margin-bottom:12px}.price-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;color:#111}.price-labels>div{border:1px dashed #aaa;padding:15px;break-inside:avoid}.price-labels strong,.price-labels b,.price-labels span,.price-labels small{display:block}.price-labels b{font-size:23px}.price-labels span,.price-labels small{font-size:10px}.pos-mode #cartPanel table input{min-width:43px;max-width:88px}.pos-mode #cartPanel td,.pos-mode #cartPanel th{padding:10px 6px}.pos-mode .pos-action-grid [data-pos=fullscreen]{grid-column:auto}.pos-mode .cart-footer .total-line{font-size:12px}.pos-mode .cart-footer .total-line.big{font-size:27px}.payment-types button{min-height:46px}.pos-mode .pos-action-grid button{min-height:62px}#printSettings .primary{align-self:end}.aside-bottom{padding-top:15px}nav{margin-top:20px;gap:2px;overflow-y:auto;min-height:0}nav button{padding:9px 10px;font-size:12px}.receipt td small{font-size:9px}.compact-receipt .receipt table{font-size:9px}.catalog-layout .table-scroll{max-height:65dvh;overflow:auto}thead{position:sticky;top:0;z-index:1}#dialog .table-scroll{max-height:50dvh}body:not(.pos-mode) main{padding-top:24px}.catalog-layout .toolbar select{max-width:170px}
@media(max-width:650px){.catalog-layout{grid-template-columns:1fr}.group-list{flex-direction:row;overflow:auto;border:0;padding:0}.group-list button{white-space:nowrap}.management-toolbar button{font-size:11px}.rate-row{grid-template-columns:1fr 1fr}.rate-row button{grid-column:1/-1;justify-self:end}.pos-mode #cartPanel>.table-scroll{min-height:150px;max-height:40dvh}.pos-mode .pos-action-grid button{min-height:62px}.pos-mode .cart-footer .total-line.big{font-size:24px}aside nav{max-height:130px}.price-labels{grid-template-columns:1fr 1fr}.pos-mode #cartPanel .checkout-fields{grid-template-columns:1fr 1fr}.pos-mode #cartPanel table{min-width:540px}.payment-types{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media print{#printRoot.narrow-receipt .receipt{max-width:48mm}#printRoot.narrow-receipt .receipt table{font-size:8px}#printRoot.narrow-receipt .receipt td,#printRoot.narrow-receipt .receipt th{padding:3px 1px}.price-labels{grid-template-columns:repeat(3,1fr)}thead{position:static}}
@media print{#printRoot.compact-receipt .receipt table th:nth-child(4),#printRoot.compact-receipt .receipt table td:nth-child(4),#printRoot.compact-receipt .receipt table th:nth-child(5),#printRoot.compact-receipt .receipt table td:nth-child(5){display:none}#printRoot.compact-receipt .receipt table small{display:none}}
.line-edit{border:0;background:transparent;padding:2px;text-align:left;font-weight:600;white-space:normal;color:inherit}.line-edit:hover{text-decoration:underline;background:transparent;color:inherit}
@media(max-width:650px){.pos-mode #cartPanel table{min-width:0;table-layout:fixed}.pos-mode #cartPanel th:nth-child(4),.pos-mode #cartPanel td:nth-child(4),.pos-mode #cartPanel th:nth-child(5),.pos-mode #cartPanel td:nth-child(5){display:none}.pos-mode #cartPanel th:nth-child(1){width:30%}.pos-mode #cartPanel th:nth-child(2){width:15%}.pos-mode #cartPanel th:nth-child(3){width:19%}.pos-mode #cartPanel th:nth-child(6){width:26%}.pos-mode #cartPanel th:nth-child(7){width:10%}.pos-mode #cartPanel td,.pos-mode #cartPanel th{padding:8px 3px;white-space:normal;overflow-wrap:anywhere}.pos-mode #cartPanel td input{width:100%;min-width:0;max-width:100%;padding:5px 2px;font-size:11px}.pos-mode #cartPanel td button{padding:4px 2px;font-size:11px}.pos-mode #cartPanel td[data-line-total]{font-size:11px}.pos-mode #cartPanel .empty{overflow-wrap:normal}}
.payment-stage-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:12px 0}.payment-stage-actions label{flex-direction:row;align-items:center;gap:6px;padding:8px}.split-payment-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:7px;align-items:end;margin:10px 0}.split-payment-row input,.split-payment-row select{width:100%;min-width:0}.split-payment-row button{padding:8px}#splitPayments[hidden],.payment-keypad[hidden]{display:none!important}.payment-dialog .payment-workspace{max-height:72dvh;overflow:auto;padding-right:8px}.pos-mode .pos-action-grid [data-pos=fullscreen]{grid-column:span 2;min-height:34px}.pos-mode .pos-action-grid [data-pos=transfer]{grid-column:span 2;min-height:34px}
@media(max-width:650px){.split-payment-row{grid-template-columns:1fr 1fr}.payment-stage-actions button{font-size:11px}.payment-dialog .payment-workspace{max-height:none;overflow:visible}}
/* Payment is a dedicated full-window stage, with confirmation kept reachable. */
dialog.payment-dialog{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;padding:16px 22px}.payment-dialog .dialog-top{margin-bottom:12px;border-bottom:1px solid var(--pos-line);padding-bottom:10px}.payment-dialog #dialogBody{height:calc(100dvh - 80px)}.payment-dialog .payment-layout{height:100%;grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);gap:24px}.payment-dialog .payment-items{max-height:none}.payment-dialog .payment-workspace{max-height:none;overflow:auto;padding-right:10px}.payment-dialog .payment-keypad{margin:12px 0;max-width:260px;gap:4px}.payment-dialog .payment-keypad button{padding:7px;font-size:18px}.payment-dialog .payment-keypad #exactTender,.payment-dialog .payment-keypad #clearTender{font-size:11px}.payment-dialog .payment-workspace>.actions{position:sticky;bottom:0;padding:12px 0;background:var(--pos-panel);border-top:1px solid var(--pos-line);z-index:2}.payment-dialog #confirmPayment{padding:12px 25px}.payment-dialog .tender-summary{max-width:650px}.payment-dialog .payment-total{margin-bottom:8px}.payment-dialog .payment-stage-actions{margin:8px 0}
@media(max-width:650px){dialog.payment-dialog{padding:12px}.payment-dialog #dialogBody{height:auto}.payment-dialog .payment-layout{display:block;height:auto}.payment-dialog .payment-items{max-height:110px;margin-bottom:12px}.payment-dialog .payment-keypad{max-width:none}.payment-dialog .payment-workspace{overflow:visible;padding:0}.payment-dialog .payment-workspace>.actions{bottom:-1px}.payment-dialog{overflow:auto}}
.product-tabs{display:flex;gap:6px;border-bottom:1px solid var(--pos-line);margin-bottom:18px;padding-bottom:8px}.product-tabs [aria-selected=true]{background:#258ab0;color:white}.product-tabs button{min-width:120px}.product-save{border-top:1px solid var(--pos-line);padding-top:16px;margin-top:18px}#productForm [hidden]{display:none!important}input[readonly]{background:var(--pos-bg);color:var(--pos-muted)!important;cursor:default}.purchase-cost-preview{padding:12px;border:1px solid #397f69;margin:12px 0}.purchase-cost-preview h3{margin:0 0 8px}.purchase-cost-preview table{font-size:11px}.check-label{display:flex;flex-direction:row;align-items:center;gap:8px}.check-label input{width:auto!important}.product-tabs{position:sticky;top:-25px;background:var(--pos-panel);z-index:2;padding-top:8px}

#reorderList input[type=number]{width:100px;min-width:70px}#reorderList input[type=checkbox]{width:18px;height:18px}#stockHistory .actions{flex-wrap:wrap}#statementRows td{overflow-wrap:anywhere}@media print{#printRoot .table-scroll{overflow:visible}#printRoot table{font-size:11px}#printRoot th,#printRoot td{padding:5px}#printRoot button{display:none}}
/* Every existing section remains discoverable from checkout. */
.inventory-quick-nav{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 7px;padding:0;overflow:visible}.inventory-quick-nav button{padding:7px 10px;font-size:12px}.inventory-quick-nav button.active{background:#257c9d;color:#fff}.inventory-access-note{padding:5px 9px!important;margin:2px 0 7px!important;font-size:11px!important;border-left-width:2px!important;min-height:0!important}.pos-mode header{flex-wrap:wrap;gap:6px}.pos-mode header .header-actions{flex-wrap:wrap;gap:5px}.pos-mode #content{overflow:visible}.pos-mode>main{height:auto;min-height:100dvh;overflow:visible}.pos-mode #content>.two{align-items:stretch}.pos-mode .pos-actions-top button{min-height:55px}.pos-mode .pos-action-grid button{min-height:48px}.pos-mode .pos-watermark{display:none}.pos-mode .payment-types button{min-height:44px;padding:15px 3px 7px}.feature-directory{width:min(940px,95vw);max-height:88dvh;overflow:auto;border:1px solid var(--pos-line);border-radius:12px;padding:20px;background:var(--pos-panel);color:var(--pos-text)}.feature-directory::backdrop{background:#0009}.feature-directory-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.feature-directory-top h2{margin:0}.feature-directory>input{width:100%;margin-bottom:14px;padding:12px}.feature-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.feature-directory-grid button,.feature-directory-grid a{white-space:normal;text-align:left;display:flex;flex-direction:column;align-items:flex-start;padding:14px;gap:7px;background:var(--pos-bg);border:1px solid var(--pos-line);border-radius:7px;color:inherit;text-decoration:none}.feature-directory-grid span{font-size:12px;line-height:1.5;color:var(--pos-muted)}.feature-directory-grid [hidden]{display:none!important}.feature-directory-grid button:hover,.feature-directory-grid a:hover{border-color:#4fafd0}.feature-directory :focus-visible{outline:2px solid #4fafd0;outline-offset:2px}@media(max-width:650px){.inventory-quick-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-height:none}.inventory-quick-nav button{font-size:10px;padding:8px 3px;white-space:normal}.feature-directory-grid{grid-template-columns:1fr 1fr}.feature-directory{padding:12px}.feature-directory-grid button,.feature-directory-grid a{padding:10px}.pos-mode #content>.two>.panel:first-child{min-height:0}.pos-mode #cartPanel{min-height:280px}}@media(max-width:380px){.feature-directory-grid{grid-template-columns:1fr}}@media print{.inventory-quick-nav,.feature-directory,.inventory-access-note{display:none!important}}
.price-list-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:9px 12px;background:var(--pos-panel);border:1px solid var(--pos-line);border-radius:6px;margin:6px 0}.price-list-controls label{display:flex;gap:8px;align-items:center;font-size:12px}.price-list-controls small{color:var(--pos-muted);font-size:11px}.pos-mode #content>.price-list-controls{order:-1;flex:none}.price-list-controls select{max-width:240px}@media(max-width:650px){.price-list-controls{gap:5px}.price-list-controls small{font-size:10px}}
.product-picture-preview{display:flex;align-items:center;gap:16px;min-height:70px}.product-picture-preview img{width:128px;height:128px;object-fit:contain;background:#fff;border:1px solid #aaa;border-radius:7px}.product-picture-preview img[hidden]{display:none}.product-tile-image{width:58px;height:58px;object-fit:contain;background:white;border-radius:5px}.product-pick[style]:not([style=""]) span{color:inherit;opacity:.9}.product-pick[style]:not([style=""]) strong{color:inherit}.product-tabs{flex-wrap:wrap}#deleteUnusedProduct{border-color:#bc726a}.product-picture-preview button{white-space:normal}@media(max-width:650px){.product-picture-preview img{width:96px;height:96px}.product-tile-image{width:44px;height:44px}}

/* Aronium-style full-screen payment workspace, limited to the Inventory checkout payment dialog. */
dialog.payment-dialog{display:flex;flex-direction:column;inset:0;margin:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;overflow:hidden;background:#303030;color:#f4f4f4;border:0;border-radius:0;font:13px Arial,sans-serif}
dialog.payment-dialog::backdrop{background:#111}
dialog.payment-dialog .dialog-top{display:none}
dialog.payment-dialog #dialogBody{height:100%;min-height:0}
.payment-dialog .payment-reference{height:100%;min-height:0;display:grid;grid-template-columns:minmax(260px,22%) minmax(0,1fr);gap:0;background:#303030;color:#f5f5f5}
.payment-reference-items{min-width:0;min-height:0;display:flex;flex-direction:column;background:#252525;border-right:1px solid #5a5a5a}
.payment-reference-items>header,.payment-reference-main>header{height:46px;flex:0 0 46px;box-sizing:border-box;padding:12px 10px;border-bottom:1px solid #555;font-size:18px;font-weight:400}
.payment-reference-list{flex:1;min-height:0;overflow:auto}
.payment-reference-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid #555;font-size:14px}
.payment-reference-item strong{min-width:0;overflow-wrap:anywhere}.payment-reference-item small{display:block;font-size:11px;margin-top:2px}.payment-reference-item b{white-space:nowrap}
.payment-reference-totals{flex:0 0 auto;padding:12px 10px 5px;border-top:1px solid #555}.payment-reference-totals>div{display:flex;justify-content:space-between;padding:5px 0}.payment-reference-totals .payment-reference-total{border-top:1px dashed #666;font-weight:700}.payment-reference-totals .payment-reference-total b{font-size:24px;color:#159fe5}
.payment-reference-main{display:flex;flex-direction:column;min-width:0;min-height:0}.payment-reference-main>header{display:flex;align-items:center;justify-content:space-between}.payment-reference-cancel{height:50px;min-width:150px;margin:7px 0 0;padding:8px 14px;border:0;border-radius:0;background:#c92323;color:white;font-size:18px;text-align:left}.payment-reference-cancel span{font-size:13px;margin-left:16px}.payment-reference-actions{display:grid;grid-template-columns:150px minmax(0,1fr) repeat(4,minmax(120px,150px));gap:10px;align-items:center;padding:7px 10px;flex:0 0 auto}.payment-reference-actions>button,.payment-reference-customer{height:50px;min-width:0;padding:8px 12px;box-sizing:border-box;border:1px solid #555;border-radius:0;background:#303030;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font:13px Arial,sans-serif}.payment-reference-actions>button:hover,.payment-reference-customer:hover{background:#3a3a3a}.payment-reference-actions svg,.payment-reference-customer svg{width:22px;height:22px;fill:none;stroke:#f5f5f5;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.payment-reference-actions b{font-size:23px;font-weight:400}.payment-reference-customer{position:relative}.payment-reference-customer select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.payment-reference-work{display:grid;grid-template-columns:160px minmax(0,1fr);gap:14px;flex:1;min-height:0;padding:0 8px 10px}.payment-reference-types{min-height:0;overflow:auto}.payment-reference-types h3,.payment-reference-pay h3{margin:4px 5px 10px;font-size:18px;font-weight:400}.payment-reference-types #tenderChoices{display:flex;flex-direction:column;gap:8px}.payment-reference-types #tenderChoices button{height:50px;flex:0 0 50px;border:1px solid #555;border-radius:0;background:#303030;color:white;font-size:13px}.payment-reference-types #tenderChoices button[aria-pressed=true]{border-color:#149fe0;background:#353535;box-shadow:inset 4px 0 #149fe0}.payment-reference-types #tenderChoices button:hover{background:#3b3b3b}.payment-reference-move{width:100%;height:50px;margin-top:8px;border:1px solid #555;border-radius:0;background:#303030;color:white}.payment-reference-split{display:flex;align-items:center;gap:7px;margin-top:8px;padding:8px 4px;font-size:12px}.payment-reference-pay{position:relative;min-width:0;min-height:0;padding:0 2px}.payment-reference-values{border-bottom:1px solid #555;padding:7px 4px}.payment-reference-values>div,.payment-reference-values>label{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px}.payment-reference-values span{font-size:14px}.payment-reference-total-amount{font-size:25px;color:#139fe9}.payment-reference-values input{width:min(45%,380px);height:40px;border:0;border-bottom:1px solid #777;border-radius:0;background:transparent;color:#fff;text-align:right;font-size:24px;font-weight:700}.payment-reference-values input:disabled{opacity:.7}.payment-reference .tender-summary{max-width:460px;padding:8px 0}.payment-reference .tender-summary .big{color:#fff}.payment-reference .payment-keypad{position:absolute;right:0;bottom:0;width:min(282px,48%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,50px);gap:4px;margin:0}.payment-reference .payment-keypad button{min-width:0;padding:4px;border:1px solid #555;border-radius:0;background:#303030;color:#fff;font-size:23px;font-weight:700}.payment-reference .payment-keypad button:hover{background:#414141}.payment-reference .payment-keypad #clearTender,.payment-reference .payment-keypad #exactTender{font-size:14px}.payment-reference .payment-keypad .payment-reference-submit{grid-column:4;grid-row:3/span 2;font-size:28px}.payment-reference #tenderError{margin:8px 0;color:#ffb6a9}.payment-reference-note{position:absolute;left:4px;bottom:4px;font-size:10px}.payment-reference #splitPayments{margin:8px 0;padding:8px;border:1px solid #555;max-height:45%;overflow:auto}.payment-reference #splitPayments[hidden]{display:none}.payment-reference #splitPaymentRows{max-height:180px;overflow:auto}
@media(max-width:760px){.payment-dialog .payment-reference{grid-template-columns:minmax(180px,30%) minmax(0,1fr)}.payment-reference-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:5px}.payment-reference-actions>button,.payment-reference-customer{min-width:0;padding:6px;font-size:11px}.payment-reference-work{grid-template-columns:125px minmax(0,1fr);gap:6px}.payment-reference .payment-keypad{width:min(230px,60%);grid-template-rows:repeat(4,42px)}}
@media(max-width:560px){dialog.payment-dialog{overflow:auto}.payment-dialog .payment-reference{height:auto;min-height:100%;grid-template-columns:1fr;grid-template-rows:minmax(130px,28dvh) auto}.payment-reference-items{border-right:0;border-bottom:1px solid #555}.payment-reference-list{max-height:18dvh}.payment-reference-totals{padding:5px 10px}.payment-reference-main{min-height:650px}.payment-reference-main>header{height:44px;flex-basis:44px}.payment-reference-cancel{height:38px;min-width:100px}.payment-reference-actions{flex-wrap:wrap}.payment-reference-work{grid-template-columns:115px minmax(0,1fr);min-height:550px}.payment-reference-types #tenderChoices button{height:44px;flex-basis:44px}.payment-reference .payment-keypad{width:min(210px,64%);grid-template-rows:repeat(4,43px)}.payment-reference-note{display:none}}

.payment-reference .payment-keypad.split-mode [data-key],.payment-reference .payment-keypad.split-mode #exactTender,.payment-reference .payment-keypad.split-mode #clearTender{display:none!important}
.payment-reference .payment-keypad .payment-reference-submit{background:#303030}

.payment-reference-actions #paymentTax{grid-column:3}.payment-reference-actions #paymentDiscount{grid-column:4}.payment-reference-actions #roundTender{grid-column:5}.payment-reference-actions .payment-reference-customer{grid-column:6}
.payment-reference-work{grid-template-columns:150px minmax(0,1fr);gap:14px;padding:0 6px 10px}
.payment-reference-totals{flex:0 0 128px;box-sizing:border-box}
@media(max-width:760px){.payment-reference-actions #paymentTax,.payment-reference-actions #paymentDiscount,.payment-reference-actions #roundTender,.payment-reference-actions .payment-reference-customer{grid-column:auto}.payment-reference-work{grid-template-columns:125px minmax(0,1fr);padding:0 5px 8px}}
/* Keep the checkout payment screen in the full-screen reference layout. */
dialog.payment-dialog{position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#303030!important;color:#f5f5f5!important;z-index:9999}
dialog.payment-dialog #dialogBody{height:100%;min-height:0;overflow:hidden}
dialog.payment-dialog #dialogTitle,dialog.payment-dialog>.dialog-top{display:none!important}
dialog.payment-dialog form.payment-reference{display:grid!important;grid-template-columns:minmax(230px,22%) minmax(0,1fr)!important;gap:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;overflow:hidden!important}
dialog.payment-dialog .payment-reference-items{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important}
dialog.payment-dialog .payment-reference-main{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important}
dialog.payment-dialog .payment-reference-main>header{height:46px!important;min-height:46px!important;flex:0 0 46px!important}
dialog.payment-dialog .payment-reference-actions{display:grid!important;grid-template-columns:150px minmax(0,1fr) repeat(4,minmax(100px,150px))!important;gap:10px!important;align-items:center!important}
dialog.payment-dialog .payment-reference-work{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:14px!important;flex:1 1 auto!important;min-width:0!important;min-height:0!important}
dialog.payment-dialog .payment-reference-pay{position:relative!important;min-width:0!important;min-height:0!important}
dialog.payment-dialog .payment-reference .payment-keypad{position:absolute!important;right:0!important;bottom:0!important;width:min(282px,48%)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(4,50px)!important;margin:0!important}
@media(max-width:760px){dialog.payment-dialog form.payment-reference{grid-template-columns:minmax(180px,30%) minmax(0,1fr)!important}.payment-reference-actions{grid-template-columns:repeat(5,minmax(0,1fr))!important}.payment-reference-work{grid-template-columns:125px minmax(0,1fr)!important;gap:6px!important}}
@media(max-width:560px){dialog.payment-dialog{overflow:auto!important}dialog.payment-dialog form.payment-reference{height:auto!important;min-height:100%!important;grid-template-columns:1fr!important;grid-template-rows:minmax(130px,28dvh) auto!important}.payment-reference-main{min-height:650px!important}.payment-reference-work{grid-template-columns:115px minmax(0,1fr)!important;min-height:550px!important}}
/* The app's global fixed navigation aside must not affect the payment type column. */
dialog.payment-dialog aside.payment-reference-types{position:static!important;inset:auto!important;width:auto!important;max-width:none!important;height:auto!important;max-height:100%!important;margin:0!important;padding:0!important;display:block!important;overflow:auto!important;background:transparent!important;color:inherit!important;border:0!important}
dialog.payment-dialog .payment-reference-values>label{flex-direction:row!important;align-items:center!important}
dialog.payment-dialog .payment-reference-customer{flex-direction:row!important}
dialog.payment-dialog .payment-reference-cancel{background:#c92323!important;color:#fff!important;border:0!important}
/* Final payment-screen alignment and controls from the supplied POS reference. */
dialog.payment-dialog form#posPayment{box-sizing:border-box!important;align-items:stretch!important}
dialog.payment-dialog .payment-reference-items>header,dialog.payment-dialog .payment-reference-main>header{margin:0!important}
dialog.payment-dialog .payment-reference-actions{box-sizing:border-box!important;min-height:64px!important;padding:7px 8px!important}
dialog.payment-dialog .payment-reference-actions #paymentTax,dialog.payment-dialog .payment-reference-actions #paymentDiscount,dialog.payment-dialog .payment-reference-actions #roundTender,dialog.payment-dialog .payment-reference-actions .payment-reference-customer{height:50px!important}
dialog.payment-dialog .payment-reference-actions #paymentTax,dialog.payment-dialog .payment-reference-actions #paymentDiscount,dialog.payment-dialog .payment-reference-actions #roundTender,dialog.payment-dialog .payment-reference-actions .payment-reference-customer{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important}
dialog.payment-dialog .payment-reference-cancel{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;height:50px!important;min-width:150px!important;margin:0!important;font-size:14px!important}
dialog.payment-dialog .payment-reference-cancel span{margin-left:16px!important;font-size:13px!important}
dialog.payment-dialog .payment-reference-work{box-sizing:border-box!important}
dialog.payment-dialog .payment-reference-types h3,dialog.payment-dialog .payment-reference-pay h3{margin:4px 5px 10px!important;font-size:18px!important;font-weight:400!important}
dialog.payment-dialog .payment-reference-types #tenderChoices{display:flex!important;flex-direction:column!important;gap:10px!important}
dialog.payment-dialog .payment-reference-types #tenderChoices button{width:100%!important;height:50px!important;min-height:50px!important;flex:0 0 50px!important;padding:8px!important}
dialog.payment-dialog .payment-reference-move{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;height:50px!important;margin-top:8px!important;padding:8px 14px!important}
dialog.payment-dialog .payment-reference-move svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
dialog.payment-dialog .payment-reference-split{display:none!important}
dialog.payment-dialog .payment-reference-values{width:100%!important;padding:7px 4px!important}
dialog.payment-dialog .payment-reference-values>div,dialog.payment-dialog .payment-reference-values>label{width:100%!important;min-height:40px!important}
dialog.payment-dialog .payment-reference-values>label{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important}
dialog.payment-dialog .payment-reference-values>label>span{flex:0 0 44px!important;white-space:nowrap!important}
dialog.payment-dialog .payment-reference-values input{flex:1 1 auto!important;width:auto!important;max-width:none!important;height:40px!important;text-align:right!important}
dialog.payment-dialog .payment-reference-total-amount{margin-left:auto!important;text-align:right!important}
dialog.payment-dialog .payment-reference .tender-summary:empty{display:none!important}
dialog.payment-dialog .payment-reference-note{display:none!important}
dialog.payment-dialog .payment-reference .payment-keypad #exactTender{font-size:0!important}
dialog.payment-dialog .payment-reference .payment-keypad #exactTender::after{content:'−';font-size:23px!important}
dialog.payment-dialog .payment-reference #tenderError:empty{display:none!important}
dialog.payment-dialog .payment-reference-work{padding:0 6px 0!important}
dialog.payment-dialog .payment-reference-types #tenderChoices button[aria-pressed=true]{border-color:#555!important;background:#303030!important;box-shadow:none!important}

/* Split-payment screens follow the inventory POS reference layout. */
dialog.split-payment-dialog{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#303030!important;color:#f5f5f5!important;overflow:hidden!important}
dialog.split-payment-dialog #dialogTitle{display:none!important}
dialog.split-payment-dialog #dialogBody{width:100%;height:100%;padding:0!important}
.split-reference{width:100%;height:100%;display:grid;grid-template-columns:22% minmax(0,1fr);background:#303030;color:#f5f5f5;font:14px Arial,sans-serif}
.split-reference>aside{display:flex;flex-direction:column;min-width:0;background:#252525;border-right:1px solid #555}
.split-reference header{height:46px;flex:0 0 46px;box-sizing:border-box;padding:12px 10px;border-bottom:1px solid #555;font-size:18px}
.split-reference nav{display:flex;flex-direction:column;overflow:auto}
.split-reference nav button{height:50px;flex:0 0 50px;border:0;border-bottom:1px solid #555;background:#303030;color:white}
.split-reference nav button:hover{border-bottom-color:#149fe0}
.split-reference>main{display:flex;flex-direction:column;min-width:0;position:relative}
.split-reference>main>header{display:flex;justify-content:space-between;align-items:center}
.split-reference>main>header button{border:0;background:none;color:white;font-size:28px}
.split-reference>main>p{margin:14px 10px;color:#ddd}
#splitSelected{flex:1;min-height:0;overflow:auto;padding:18px 10px}
.split-empty{position:absolute;inset:35% 0 auto;display:flex;flex-direction:column;align-items:center;gap:12px;color:#8b9ba5;font-size:18px}
.split-empty strong{font-size:72px;color:#ffe33f}
.split-selected-row{display:grid;grid-template-columns:minmax(120px,300px) 90px 36px;align-items:center;gap:16px;min-height:44px;font-size:18px}
.split-selected-row button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;background:none;color:#ff625b}
.split-selected-row button:hover{background:none;color:#ff625b}
.split-selected-row button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.split-reference footer{width:min(260px,35%);align-self:flex-end;padding:0 10px 12px}
.split-reference footer>div:not(.split-actions){display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px dashed #666}
.split-reference footer b{font-size:24px;color:#159fe5}
.split-reference footer #splitPaid{color:#fff}
.split-reference footer #splitBalance{color:#ef443c}
.split-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}
.split-actions button{width:120px;height:42px;border:1px solid #555;background:#3d8f4a;color:white}
.split-actions button:disabled{opacity:.45}
.split-actions .danger{background:#c92323}
dialog.split-amount-overlay{position:fixed!important;inset:0 0 auto!important;margin:0 auto!important;width:318px!important;height:360px!important;max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;overflow:visible!important;padding:0!important;border:1px solid #555!important;border-radius:0!important;background:#303030!important;color:#fff!important}
dialog.split-amount-overlay::backdrop{background:rgba(0,0,0,.55)!important}
.split-amount{padding:8px 16px;text-align:center}
.split-amount h2{font-size:20px;font-weight:400;margin:4px 0 10px}
.split-amount p{margin:8px 0 14px}
.split-amount input{width:100%;height:40px;box-sizing:border-box;text-align:right;font-size:22px;color:#fff;background:#252525;border:1px solid #555}
.split-amount-keys{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:50px;gap:4px;margin-top:6px}
.split-amount-keys button{background:#303030;color:white;border:1px solid #555;font-size:20px;font-weight:700}
.split-amount-keys .split-enter{grid-column:4;grid-row:3/span 2;font-size:28px}
@media(max-width:700px){.split-reference{grid-template-columns:32% minmax(0,1fr)}.split-reference footer{width:min(260px,60%)}}

/* Customer-required step from the Aronium split-payment flow. */
dialog.customer-required-dialog{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#303030!important;color:#fff!important}
dialog.customer-required-dialog #dialogTitle{display:none!important}
dialog.customer-required-dialog #dialogBody{height:100%;display:flex;align-items:center;justify-content:center;padding:0!important}
.payment-customer-required{width:100%;min-height:230px;box-sizing:border-box;border-top:1px solid #555;border-bottom:1px solid #555;background:#303030;display:grid;grid-template-columns:100px minmax(0,1fr) 120px;align-items:center;gap:20px;padding:24px max(24px,10vw);font:16px Arial,sans-serif}
.customer-required-icon{width:100px;height:100px;border-radius:50%;background:#e95349;color:#262626;display:grid;place-items:center;font-size:82px;font-weight:700}
.payment-customer-required h2{font-size:24px;font-weight:400;margin:0 0 20px}.payment-customer-required p{font-size:16px;line-height:1.5;margin:0}
.payment-customer-required button{height:42px;border:1px solid #149fe0;background:#303030;color:#fff}
.split-amount-keys button[data-amount-key="esc"]{font-size:14px;font-weight:400;text-transform:lowercase}
@media(max-width:700px){.payment-customer-required{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:16px}.customer-required-icon{width:64px;height:64px;font-size:52px}.payment-customer-required button{grid-column:2}}

dialog.customer-required-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;display:grid!important;place-items:center!important;overflow:hidden!important}
dialog.customer-required-overlay::backdrop{background:rgba(0,0,0,.62)!important}
dialog.customer-required-overlay .payment-customer-required{width:100vw;min-height:230px}
/* Isolate split-payment layout from the app's fixed sidebar and page-main rules. */
dialog.split-payment-dialog .split-reference{display:grid!important;grid-template-columns:minmax(260px,22%) minmax(0,1fr)!important;gap:0!important;align-items:stretch!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;box-sizing:border-box!important;overflow:hidden!important}
dialog.split-payment-dialog .split-reference>aside{position:static!important;inset:auto!important;width:auto!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;background:#252525!important;border-right:1px solid #555!important}
dialog.split-payment-dialog .split-reference>main{position:relative!important;inset:auto!important;width:auto!important;max-width:none!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#303030!important}
dialog.split-payment-dialog .split-reference nav{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important;min-height:0!important;overflow:auto!important}
dialog.split-payment-dialog .split-reference nav button{width:100%!important;height:50px!important;min-height:50px!important;flex:0 0 50px!important;margin:0!important;padding:8px 12px!important;border:0!important;border-bottom:1px solid #555!important;border-radius:0!important;background:#303030!important;color:#fff!important;text-align:center!important}
dialog.split-payment-dialog .split-reference nav button:hover,dialog.split-payment-dialog .split-reference nav button:focus{background:#3a3a3a!important;border-bottom-color:#149fe0!important;outline:1px solid #149fe0!important;outline-offset:-1px!important}
dialog.split-payment-dialog .split-reference>main>header{display:flex!important;flex:0 0 46px!important;height:46px!important;min-height:46px!important;margin:0!important;padding:12px 10px!important;box-sizing:border-box!important;align-items:center!important;justify-content:space-between!important;white-space:nowrap!important}
dialog.split-payment-dialog .split-reference>main>p{flex:0 0 auto!important;width:auto!important;max-width:none!important;margin:14px 10px!important;padding:0!important;white-space:normal!important;overflow-wrap:normal!important}
dialog.split-payment-dialog #splitSelected{position:relative!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;min-height:0!important;box-sizing:border-box!important;overflow:auto!important}
dialog.split-payment-dialog .split-empty{left:0!important;right:0!important;width:100%!important;max-width:none!important;white-space:normal!important;text-align:center!important;align-items:center!important}
dialog.split-payment-dialog .split-empty span{display:block!important;white-space:normal!important;overflow-wrap:normal!important}
dialog.split-payment-dialog .split-reference footer{position:relative!important;inset:auto!important;width:min(260px,40%)!important;max-width:none!important;flex:0 0 auto!important;align-self:flex-end!important;margin:0!important;padding:0 10px 12px!important;box-sizing:border-box!important;background:transparent!important}
dialog.split-payment-dialog .split-selected-row{grid-template-columns:minmax(120px,300px) 90px 36px!important}
@media(max-width:700px){dialog.split-payment-dialog .split-reference{grid-template-columns:minmax(190px,32%) minmax(0,1fr)!important}dialog.split-payment-dialog .split-reference footer{width:min(260px,65%)!important}}
dialog.split-payment-dialog>.dialog-top{display:none!important}
.payment-option-screen{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;background:#333;color:white;display:grid;grid-template-columns:300px minmax(0,1fr);font-family:Arial,sans-serif}.payment-option-screen::backdrop{background:#333}.payment-option-screen .option-items,.payment-option-screen .option-main{display:flex;flex-direction:column;min-width:0;padding:0;margin:0;background:#333}.payment-option-screen .option-items{border-right:1px solid #595b55}.payment-option-screen header{height:48px;box-sizing:border-box;background:#242424;border-bottom:1px solid #595b55;padding:12px 10px;font-size:20px;font-weight:400}.payment-option-screen .option-main>header{display:flex;justify-content:space-between}.payment-option-screen button{border:1px solid #595b55;border-radius:0;background:#333;color:white;min-height:40px}.payment-option-screen [data-close]{background:transparent}.payment-option-screen header button{border:0;min-height:0;padding:0 8px;font-size:24px}.payment-option-screen .option-items nav{flex:1;overflow:auto}.payment-option-screen [data-item]{width:100%;text-align:left;padding:10px;border-width:0 0 1px;display:block}.payment-option-screen [data-item] b{float:right}.payment-option-screen small{display:block}.payment-option-screen .active{background:#1ba6d2}.payment-option-screen .option-items footer{padding:10px;border-top:1px solid #595b55}.payment-option-screen .option-items footer b{float:right}.payment-option-screen .option-items footer p:last-child{border-top:1px dashed #666;padding-top:12px}.payment-option-screen .option-items footer p:last-child b{color:#1ba6d2;font-size:24px}.payment-option-screen .option-body{position:relative;flex:1;padding:0 8px}.payment-option-screen .option-main>footer{display:flex;gap:5px;padding:10px}.payment-option-screen .option-tools{flex:1;display:flex;gap:5px}.payment-option-screen [data-ok],.payment-option-screen footer>[data-close]{width:120px}.payment-option-screen [data-ok]{background:#438b45}.payment-option-screen footer>[data-close]{background:#bf2026}.option-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#999;text-align:center}.option-empty>b{font-size:64px}.option-tabs{display:flex;justify-content:center;border-bottom:1px solid #555}.option-tabs button{border:0}.option-tabs .active{background:transparent;color:#1ba6d2;border-bottom:3px solid #1ba6d2}.option-editor{text-align:center;padding-top:30px}.option-editor h2{font-size:20px;font-weight:400}.option-editor label{display:block;margin:20px auto}.option-editor input{display:block;margin:20px auto;width:140px;text-align:right;font-size:24px;background:transparent;color:white;border:0;border-bottom:1px solid #666}.option-symbol{font-size:48px}.option-error{color:#ff5555;padding:0 20px}

.payment-option-screen>.option-items{position:relative;inset:auto;width:auto;grid-column:1;grid-row:1;min-height:0;height:100%;overflow:hidden}.payment-option-screen>.option-main{position:relative;inset:auto;width:auto;max-width:none;grid-column:2;grid-row:1;min-height:0;height:100%;overflow:hidden}.payment-option-screen .option-items>nav{display:block;margin:0;gap:0}.payment-option-screen .option-items>header{display:block;flex-shrink:0}.payment-option-screen .option-main>header{flex-shrink:0}.payment-option-screen .option-tabs{margin:0;gap:0}.payment-option-screen .option-items footer{flex-shrink:0}.payment-option-screen .option-main>footer{flex-shrink:0}.payment-option-screen .option-body label{color:white}.payment-option-screen .option-body input[type=checkbox]{width:auto;display:inline-block;margin:0}
/* Closed dialogs must not retain their fullscreen layout. */
html body dialog:not([open]){display:none!important}

.payment-reference-actions .payment-applied{position:relative}.payment-reference-actions .payment-applied:after{content:"✓";position:absolute;right:5px;top:3px;color:white;font-size:18px}#paymentSelectedCustomer{border-left:4px solid #1ba6d2;margin-top:10px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;color:white}#paymentSelectedCustomer[hidden]{display:none!important}#paymentSelectedCustomer strong{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:400}#paymentSelectedCustomer p{margin:5px 0;font-size:13px}#paymentSelectedCustomer svg{width:24px;height:24px;fill:white}#paymentSelectedCustomer button{background:transparent;border:0;color:white}#paymentSelectedCustomer button svg{fill:none;stroke:white;stroke-width:2}.payment-original{color:#999;font-size:12px}
dialog.receipt-finish-dialog{position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;padding:0!important;border:0!important;border-radius:0!important;background:#333!important;color:#fff!important;font:14px Arial,sans-serif;overflow:hidden!important}dialog.receipt-finish-dialog>.dialog-top{display:none!important}.receipt-finish-dialog #dialogBody{height:100%}.receipt-finish{display:grid;grid-template-columns:300px minmax(0,1fr);height:100%}.receipt-finish section{min-width:0;display:flex;flex-direction:column;padding:0;margin:0}.receipt-finish header{height:48px;flex-shrink:0;box-sizing:border-box;background:#242424;border-bottom:1px solid #595b55;padding:10px;font-size:20px;font-weight:400}.finish-items{border-right:1px solid #595b55}.finish-list{flex:1;overflow:auto}.finish-list>div{padding:10px;border-bottom:1px solid #595b55}.finish-list strong{float:right}.finish-list small{display:block}.finish-items footer{border-top:1px solid #595b55;padding:10px}.finish-items footer p{margin:12px 0}.finish-items footer b{float:right}.finish-original{color:#999;text-align:right;font-size:12px}.finish-total{border-block:1px dashed #666;padding:10px 0;font-weight:bold}.finish-total b{font-size:26px}.finish-actions header button{margin-left:auto;background:transparent;border:0;color:white;font-size:24px;padding:0}.finish-change{text-align:center;padding:40px 0 26px;font-size:20px;font-weight:bold}.finish-change b{color:#438b45;font-size:32px}.finish-actions h2{text-align:center;font-size:34px;font-weight:300;margin:12px 12px 24px}.finish-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 20px}.finish-tiles button{height:118px;border:1px solid #595b55;border-radius:0;background:#333;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.finish-tiles button:focus{outline:0;border-color:#1ba6d2}.finish-tiles svg{width:34px;height:34px;fill:none;stroke:white;stroke-width:2}.finish-actions>footer{margin-top:auto;padding:15px 10px;display:flex;justify-content:space-between;align-items:center}.finish-actions>footer label{display:flex;flex-direction:row;align-items:center;color:white;font-size:12px}.finish-actions>footer button{width:120px;height:40px;background:#438b45;color:white;border:0;border-radius:0}.finish-note-dialog textarea{display:block;width:400px;height:150px}.finish-note-dialog form{display:block}
dialog.pos-exit-dialog{position:fixed;inset:0;margin:auto 0;padding:32px 20px 28px;width:100vw;max-width:none;max-height:none;border:1px solid #595b55;border-inline:0;border-radius:0;background:#333;color:#fff;text-align:center;font:14px Arial,sans-serif}dialog.pos-exit-dialog::backdrop{background:#0009}.pos-exit-dialog h2{font-size:20px;font-weight:400;margin:0 0 14px}.pos-exit-dialog p{margin:0 0 32px}.pos-exit-choices{display:flex;justify-content:center;margin:0 auto 32px}.pos-exit-choices button{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:32px;width:200px;height:136px;padding:24px 10px 5px;border:0;border-right:1px solid #595b55;border-radius:0;background:transparent;color:#fff;font-size:13px}.pos-exit-choices button:last-child{border:0;color:#ff5a54}.pos-exit-choices svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:3}.pos-exit-dialog [data-exit=cancel]{width:120px;height:40px;background:#333;color:#fff;border:1px solid #1ba6d2;border-radius:0}.pos-exit-dialog button:focus-visible{outline:2px solid #1ba6d2}