/* POS presentation only. Shared site, PWA and invoice data remain unchanged. */
#pos-counter{max-width:1800px;margin:auto;--pos-accent:var(--brand)}
.pos-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.pos-heading h1{font-size:22px;margin:0}.pos-eyebrow,.pos-heading p{display:none}.pos-heading button{padding:7px 12px;font-size:12px}.pos-shortcuts{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:var(--muted);margin-bottom:12px}#pos-counter kbd{border:1px solid var(--border);border-radius:4px;padding:1px 4px;background:var(--surface2);font-family:inherit}
.pos-counter-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(440px,2fr);gap:14px;align-items:start}.pos-catalog,.pos-bill{min-width:0}.pos-search-label{font-size:12px;display:block;margin-bottom:6px}.pos-search-wrap{display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--surface);border:1px solid var(--brand);border-radius:10px}.pos-search-wrap input{width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:14px 0;font-size:16px}.pos-search-wrap:focus-within{outline:2px solid var(--brand);outline-offset:2px}.pos-result-count{font-size:11px;color:var(--muted);margin:8px 0}.pos-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;max-height:calc(100dvh - 245px);overflow:auto;padding:3px;overscroll-behavior:contain}.pos-search-hint{grid-column:1/-1;padding:28px 12px;text-align:center;font-size:13px;color:var(--muted);border:1px dashed var(--border);border-radius:10px}.pos-product{display:block;width:100%;min-width:0;padding:11px;text-align:left;font-weight:400;line-height:1.5;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow-wrap:anywhere}.pos-product.highlighted{border-color:var(--brand);box-shadow:inset 3px 0 var(--brand)}.pos-product[aria-disabled=true]{border-style:dashed;opacity:.7;cursor:not-allowed}.pos-product-title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px}.pos-product-title strong{font-size:14px}.pos-product-title b{font-size:15px;color:var(--brand)}.pos-product-title small{font-size:10px;color:var(--muted)}.pos-product p{font-size:11px;margin:4px 0 8px;color:var(--muted)}.pos-product p span{display:block}.pos-product-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px}.pos-product-foot{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between;align-items:center;margin-top:7px;font-size:10px}.pos-product-foot code{font-family:inherit;color:var(--muted)}.pos-product-foot em,.pos-alt{font-style:normal;border-radius:4px;padding:2px 5px;background:var(--surface2)}.pos-alt{display:inline-block;font-size:10px;color:var(--brand);margin-bottom:5px}.pos-danger{color:var(--red)}.pos-warning{color:var(--amber)}.pos-ok{color:var(--brand)}
.pos-bill{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.pos-bill>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface2);border-bottom:1px solid var(--border)}.pos-bill h2{font-size:16px;margin:0}.pos-bill>header span{font-size:11px;color:var(--brand)}.pos-row-head,.pos-line{display:grid;grid-template-columns:minmax(70px,1fr) 46px 48px 83px 56px 24px;align-items:center;gap:5px}.pos-row-head{padding:7px 10px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--border)}.pos-lines{max-height:250px;overflow:auto;padding:0 10px;overscroll-behavior:contain}.pos-line{padding:8px 0;border-bottom:1px solid var(--border)}.pos-line-title{min-width:0;overflow-wrap:anywhere}.pos-line-title strong{display:block;font-size:12px}.pos-line-title small{font-size:10px;color:var(--muted)}.pos-line input,.pos-line select{min-width:0;width:100%;font-size:11px;padding:5px 3px;min-height:29px}.pos-line>input{text-align:center}.pos-line input[type=number]{appearance:textfield;-moz-appearance:textfield}.pos-line input::-webkit-inner-spin-button{appearance:none}.pos-item-discount{display:grid;grid-template-columns:1fr;gap:3px}.pos-item-discount small:empty{display:none}.pos-item-discount small{font-size:9px;color:var(--amber)}.pos-unit{font-size:10px}.pos-line-money{display:flex;flex-direction:column;text-align:right;overflow-wrap:anywhere}.pos-line-money s{font-size:9px;color:var(--muted)}.pos-line-money strong{font-size:11px;color:var(--brand)}.pos-line>button{padding:0;min-height:28px;font-size:17px}.pos-cart-empty{padding:20px 8px;text-align:center;color:var(--muted);font-size:12px}.pos-cart-empty p{margin:5px 0}.pos-cart-empty .icon{width:23px;height:23px}
#pos-checkout{padding:10px}.pos-checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pos-checkout-fields label{display:block;min-width:0;font-size:11px}.pos-checkout-fields input,.pos-checkout-fields select{width:100%;min-height:33px;font-size:12px;padding:6px 8px}.pos-paid-field{position:relative}.pos-paid-field input{padding-right:52px}.pos-paid-field button{position:absolute;right:3px;bottom:3px;min-height:26px;font-size:10px;padding:3px 5px}.pos-customer-list{grid-column:1/-1;max-height:150px;overflow:auto}.pos-customer-list:empty{display:none}.pos-customer-list button{display:flex;justify-content:space-between;width:100%;font-size:12px;padding:6px 8px;text-align:left}.pos-customer-list button.highlighted{border-color:var(--brand);background:var(--surface2)}.pos-customer-list small{color:var(--muted)}.pos-totals{margin-top:9px;border-top:1px dashed var(--border);padding-top:6px}.pos-totals>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin:3px 0;color:var(--muted)}.pos-totals b{color:var(--text);font-weight:500}.pos-totals .pos-payable{background:var(--brand);color:var(--bg);border-radius:6px;padding:7px 9px;align-items:center;font-size:13px;margin:7px 0}.pos-payable strong{font-size:20px}.pos-change b{color:var(--brand)}.pos-due b,.pos-due-warning{color:var(--amber)!important}.pos-due-warning{font-size:10px;margin:5px 0}.pos-final-help{font-size:10px;margin:6px 0 0;text-align:center}.pos-error,.pos-status{font-size:12px}.pos-status{color:var(--amber)}.pos-error:empty,.pos-status:empty{display:none}#pos-complete{width:100%;min-height:38px;margin-top:8px;font-size:13px}#pos-confirm,#pos-tutorial{max-width:min(460px,90vw);border:1px solid var(--border);border-radius:14px;padding:22px;background:var(--surface);color:var(--text)}#pos-confirm h2{font-size:21px}#pos-confirm::backdrop{background:#0009}.pos-confirm-actions,.pos-print-actions{display:flex;gap:8px;flex-wrap:wrap}#pos-counter button:focus-visible,#pos-counter input:focus-visible,#pos-counter select:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
@media(min-width:1700px){.pos-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.pos-counter-grid{grid-template-columns:minmax(0,1fr) minmax(410px,1fr);gap:10px}.pos-results{grid-template-columns:1fr}}
@media(max-width:900px){.pos-counter-grid{grid-template-columns:minmax(0,1fr)}.pos-results{grid-template-columns:repeat(2,minmax(0,1fr));max-height:340px}.pos-bill{margin-bottom:20px}.pos-lines{max-height:350px}.pos-checkout-fields input,.pos-checkout-fields select{font-size:16px;min-height:40px}.pos-line input,.pos-line select{font-size:13px;min-height:34px}.pos-shortcuts{gap:7px;font-size:10px}}
@media(max-width:480px){.pos-results{grid-template-columns:1fr}.pos-row-head{display:none}.pos-line{grid-template-columns:minmax(0,1fr) 54px 88px 54px 28px;gap:5px}.pos-line-title{grid-column:1/-1}.pos-line-title small{display:inline;margin-left:7px}.pos-line-title strong{display:inline}.pos-line>input{grid-column:1}.pos-line .pos-unit{grid-column:2}.pos-line .pos-item-discount{grid-column:3}.pos-line .pos-line-money{grid-column:4}.pos-line>button{grid-column:5}.pos-line-title strong{font-size:14px}.pos-heading h1{font-size:20px}.pos-confirm-actions button{width:100%}}
@media print{body.pos-print-thermal .invoice{width:72mm!important;max-width:72mm!important;padding:0!important;margin:0!important;font-size:10px!important;page:pos-thermal}body.pos-print-thermal .invoice h2{font-size:15px}body.pos-print-thermal .invoice h3{font-size:12px}body.pos-print-thermal .invoice .row{display:block}body.pos-print-thermal .invoice table{min-width:0!important;width:100%;font-size:9px}body.pos-print-thermal .invoice th,body.pos-print-thermal .invoice td{padding:4px 2px!important;white-space:normal!important;overflow-wrap:anywhere}body.pos-print-thermal .invoice small{display:block;font-size:8px}body.pos-print-thermal .invoice .table-wrap{overflow:visible}body.pos-print-a4 .invoice{page:pos-a4;width:100%;max-width:190mm;margin:auto}.pos-print-actions{display:none!important}}
@page pos-thermal{size:80mm 297mm;margin:4mm}@page pos-a4{size:A4;margin:10mm}
/* Counter-specific shell spacing keeps the bill above the fold on desktop. */
.content:has(#pos-counter){padding:16px;max-width:none}.content:has(#pos-counter)>.notice{margin-bottom:10px!important;padding:8px 12px;font-size:11px}.pos-line>button{min-height:28px}.pos-item-discount select{min-height:28px}.pos-search-wrap input:focus-visible{outline:none!important}
@media print{body.pos-print-thermal .invoice table{table-layout:fixed}body.pos-print-thermal .invoice th:first-child{width:46%}body.pos-print-thermal .invoice th:nth-child(2){width:12%}body.pos-print-thermal .invoice th:nth-child(3){width:18%}body.pos-print-thermal .invoice th:nth-child(4){width:24%}body:is(.pos-print-thermal,.pos-print-a4) .invoice table,body:is(.pos-print-thermal,.pos-print-a4) .invoice th,body:is(.pos-print-thermal,.pos-print-a4) .invoice td{background:#fff!important;color:#111!important;border-color:#bbb!important}}