.pos-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.pos-heading h1{font-size:32px;margin:7px 0}.pos-heading p{margin:0}.pos-actions{display:flex;gap:8px;flex-wrap:wrap}.pos-context{display:flex;align-items:center;gap:20px;margin-bottom:22px}.pos-context label{width:230px}.pos-shift-status{display:flex;align-items:center;gap:8px;font-size:13px}.pos-dot{width:8px;height:8px;background:var(--muted);border-radius:50%}.pos-dot.open{background:#39735b}.pos-workspace{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:22px;align-items:start;font-family:'Segoe UI',sans-serif;font-size:14px}.pos-catalog{min-width:0}.pos-search{font-size:13px;gap:9px}.pos-search input{padding:14px 16px;min-height:48px}.pos-categories{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 22px}.pos-categories button{background:white;color:var(--muted);border:1px solid var(--line);border-radius:24px;font-size:12px;font-weight:500;min-height:42px;padding:8px 16px}.pos-categories button.selected{background:var(--dark);color:white;border-color:var(--dark)}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.pos-product{background:white;border:1px solid var(--line);color:var(--ink);padding:16px;border-radius:12px;text-align:left;display:flex;flex-direction:column;min-height:215px;font-weight:400;transition:border-color .15s,background .15s}.pos-product:hover{border-color:var(--purple);background:#f8f6fc}.pos-product:disabled{cursor:not-allowed;opacity:.65}.pos-product-top{display:flex;justify-content:space-between;align-items:center;gap:7px}.pos-product-code{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.pos-stock{font-size:10px;background:#edf4ee;border-radius:5px;padding:4px 6px;color:#31583d;white-space:nowrap}.pos-stock.soldout{background:#f4eded;color:#8a4240}.pos-product-mark{display:grid;place-items:center;align-self:center;background:#f3eff9;color:var(--purple);width:62px;height:62px;border-radius:50%;font-family:Georgia,serif;font-style:italic;font-size:25px;margin:18px 0}.pos-product-name{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:5px;overflow-wrap:anywhere}.pos-product-category{font-size:11px;color:var(--muted);margin-bottom:14px}.pos-product-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.pos-product-bottom strong{font-size:17px;color:var(--dark)}.pos-product-bottom>span{display:grid;place-items:center;border-radius:7px;width:28px;height:28px;background:var(--light);color:var(--dark);font-size:20px}.pos-ticket{background:white;border:1px solid var(--line);border-radius:13px;position:sticky;top:18px;overflow:hidden}.pos-ticket-head{padding:22px 21px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px}.pos-ticket-head h2{font-family:Candara,'Segoe UI',sans-serif;font-size:25px;margin:5px 0 0}.pos-ticket .eyebrow{font-size:9px}.pos-customer{padding:0 20px 18px;display:flex;gap:8px;align-items:end;border-bottom:1px solid var(--line)}.pos-customer label{flex:1;min-width:0}.pos-add-customer{height:42px;min-width:42px;padding:8px!important}.pos-lines{min-height:220px;max-height:40vh;overflow:auto;padding:0 20px}.pos-line{padding:17px 0;border-bottom:1px solid var(--line)}.pos-line-title{display:flex;justify-content:space-between;align-items:start;gap:8px}.pos-line-title strong{font-size:13px;line-height:1.5}.pos-line-title .small{padding:3px 5px;font-size:10px;border:0;min-height:30px}.pos-line>.muted{font-size:11px}.pos-line-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.pos-stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;overflow:hidden}.pos-stepper button{background:#f9f7fc;color:var(--dark);padding:6px 10px;min-width:38px;min-height:38px;border-radius:0;font-size:18px}.pos-stepper input{border:0;width:48px;padding:5px;text-align:center;border-radius:0;appearance:textfield;-moz-appearance:textfield}.pos-stepper input::-webkit-inner-spin-button{appearance:none}.pos-ticket-footer{padding:20px;background:#fdfcfe;border-top:1px solid var(--line)}.pos-total-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 0;font-size:13px}.pos-grand{border-top:1px solid var(--line);margin-top:10px;padding-top:17px;font-size:17px}.pos-grand strong{font-size:27px;color:var(--dark)}.pos-total-row .small{font-size:10px;padding:3px 7px;margin-left:5px}.pos-tax-note{font-size:10px;color:var(--muted);margin:0 0 18px}.pos-charge{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-radius:8px;font-size:15px;min-height:52px}.pos-ticket-actions{display:flex;justify-content:space-between;gap:8px;margin:12px 0}.pos-ticket-actions button{font-size:12px;border:0;padding:8px 0;background:none}.pos-ticket-footer>small{font-size:10px}.pos-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 24px;color:var(--muted);min-height:230px}.pos-empty svg{width:42px;height:42px;color:var(--purple);margin-bottom:14px}.pos-empty h3{font-size:16px;margin-bottom:8px}.pos-empty p{font-size:12px;max-width:310px;margin:0;line-height:1.7}.pos-stats{grid-template-columns:repeat(3,1fr)}.pos-payment-total{text-align:center;padding:12px}.pos-payment-total strong{display:block;font-size:42px;color:var(--dark)}.pos-receipt{max-width:460px;margin:0 auto;font-family:'Segoe UI',sans-serif;font-size:13px}.pos-receipt>img{display:block;margin:auto}.pos-receipt>h3,.pos-receipt>p{text-align:center;line-height:1.7}.pos-receipt-thanks{border-top:1px dashed var(--line);padding-top:20px;margin-top:20px}.pos-receipt td{padding:12px 4px}.pos-receipt th{padding:10px 4px}.pos-receipt td:last-child{text-align:right}.pos-receipt small{font-size:10px;color:var(--muted)}.sidebar{overflow-y:auto}.sidebar nav{gap:2px}.sidebar nav button{padding:10px 12px;font-size:13px}.sidebar .brand{margin-bottom:18px;flex-shrink:0}.sidebar .foot{padding-top:20px}
@media(min-width:1500px){.pos-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.pos-workspace{grid-template-columns:minmax(0,1fr) 390px}}
@media(max-width:1100px){.pos-workspace{grid-template-columns:minmax(0,1fr) 310px;gap:14px}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.pos-product{padding:12px}.pos-heading{align-items:start}.pos-heading h1{font-size:28px}}
@media(max-width:900px){.pos-workspace{grid-template-columns:1fr}.pos-ticket{position:static}.pos-lines{max-height:none;min-height:150px}.pos-ticket .pos-empty{min-height:160px;padding:20px}.pos-stats{grid-template-columns:1fr}.pos-context{flex-wrap:wrap;gap:12px}.pos-heading{flex-direction:column}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}}
@media(max-width:400px){.pos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pos-product{padding:10px}.pos-product-top{flex-wrap:wrap}.pos-product-name{font-size:12px}}
@media(prefers-reduced-motion:reduce){.pos-product{transition:none}}
.pos-shortcuts{grid-column:1/-1;display:grid;align-content:start}.pos-shortcuts button{display:flex;align-items:center;gap:18px;text-align:left;border-radius:0;min-height:68px;border-bottom:0;background:white;color:var(--ink);font-weight:500}.pos-shortcuts button:first-child{border-radius:10px 10px 0 0}.pos-shortcuts button:nth-last-child(2){border-bottom:1px solid var(--line);border-radius:0 0 10px 10px}.pos-shortcuts button span{display:grid;place-items:center;background:var(--light);color:var(--dark);width:34px;height:34px;border-radius:7px;font-size:20px}.pos-shortcuts small{color:var(--muted);line-height:1.8;padding:18px 0}.pos-shortcuts button:hover{background:#f7f4fc}
@media(min-width:901px){.pos-shell .topbar{height:64px;padding:0 26px}.pos-shell .content{max-width:none;padding:20px 26px 0}.pos-shell .pos-heading{margin-bottom:12px}.pos-shell .pos-heading h1{font-size:24px}.pos-shell .pos-heading .eyebrow,.pos-shell .pos-heading p{display:none}.pos-shell .pos-context{margin-bottom:16px}.pos-shell .pos-context label{display:flex;align-items:center;gap:10px;width:auto}.pos-shell .pos-context select{width:220px}.pos-shell .pos-workspace{grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);height:calc(100vh - 208px);gap:24px}.pos-shell .pos-catalog{overflow-y:auto;padding-bottom:24px}.pos-shell .pos-ticket{position:static;display:flex;flex-direction:column;height:100%;border-radius:10px 10px 0 0}.pos-shell .pos-lines{flex:1;max-height:none;min-height:80px}.pos-shell .pos-ticket-footer{flex-shrink:0}.pos-shell .pos-ticket-head{padding-top:16px}.pos-shell .pos-ticket-footer{padding:12px 20px}.pos-shell .pos-ticket-actions{margin:7px 0}.pos-shell .pos-ticket .pos-empty{height:100%}.pos-shell .pos-ticket-footer .pos-total-row{padding:5px 0}.pos-shell .pos-grand{margin-top:5px}.pos-shell .pos-tax-note{margin-bottom:9px}.pos-shell .pos-categories{margin:12px 0}}
@media(min-width:901px){.pos-shell .pos-heading{display:none}.pos-shell .content{padding-top:14px}.pos-shell .pos-context{margin-bottom:14px;gap:14px;min-height:46px}.pos-shell .pos-workspace{height:calc(100dvh - 145px)}.pos-shell .pos-ticket-head{padding:12px 20px}.pos-shell .pos-customer{padding-bottom:12px}.pos-shell .pos-ticket-head h2{font-size:22px}.pos-shell .pos-ticket-footer>small{display:none}}
@media print{.pos-receipt{max-width:76mm;font-size:11px}.pos-receipt .pos-grand strong{font-size:20px}.modalhead{display:none}.pos-receipt .print-brand{height:50px}.pos-receipt td,.pos-receipt th{font-size:10px}.pos-receipt .pos-total-row{font-size:11px}}

.sidebar{overflow-x:hidden}