.pos2{display:flex;flex-direction:column;gap:14px}
.pos2-topbar{display:flex;align-items:stretch;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 8px 25px #15365e0a;flex-wrap:wrap}
.pos2-topbar select{border:1px solid #d8e2ed;border-radius:10px;padding:0 10px;font-size:10px;min-width:86px}
.pos2-search{flex:1;min-width:220px;display:flex;align-items:center;gap:8px;border:2px solid #6fa8ff;border-radius:12px;padding:0 12px;background:#f3f8ff}
.pos2-search span{font-size:18px;color:#4d8ff0}
.pos2-search input{flex:1;border:0;background:transparent;outline:0;font-size:13px;padding:12px 0;min-width:0}
.pos2-search #scanBarcode{border:0;background:#fff;border-radius:8px;width:30px;height:30px;color:#1769e0;cursor:pointer;font-size:14px}
.pos2-shortcut{border:0;border-radius:10px;color:#fff;font-weight:800;font-size:9.5px;padding:0 14px;cursor:pointer;white-space:nowrap;line-height:1.3}
.pos2-shortcut.blue{background:var(--blue)}
.pos2-shortcut.green{background:#17a673}
.pos2-shortcut.orange{background:#ef8e25}
.pos2-stat{min-width:88px;border-radius:10px;padding:6px 10px;text-align:center;background:#f5f7fb;border:1px solid var(--line)}
.pos2-stat small{display:block;font-size:7px;font-weight:800;color:var(--muted);text-transform:uppercase}
.pos2-stat strong{display:block;font-size:15px;margin-top:3px;color:var(--ink)}
.pos2-stat.paid input{width:100%;border:0;background:transparent;text-align:center;font-size:15px;font-weight:800;color:var(--ink);outline:0;margin-top:2px}
.pos2-stat.due strong{color:var(--red)}
.pos2-stat.change strong{color:#17a673}

.pos2-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;align-items:start}
.pos2-left,.pos2-right{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 30px rgba(17,47,86,.05);padding:16px}

.pos2-tools-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.pos2-tool-card{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#f9fbff}
.pos2-tool-card label{display:block;font-size:8px;font-weight:800;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.pos2-tool-card .row{display:flex;gap:6px}
.pos2-tool-card input,.pos2-tool-card select{border:1px solid #d8e2ed;border-radius:8px;padding:7px 8px;font-size:11px;min-width:0}
.pos2-tool-card input{flex:1}
.pos2-tool-card button{border:0;background:var(--blue);color:#fff;border-radius:8px;padding:7px 12px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}

.pos2-action-row{display:flex;gap:10px;margin-bottom:12px}
.pos2-action-row button{flex:1;border:0;border-radius:10px;padding:10px;font-size:10px;font-weight:800;cursor:pointer}
.pos2-clear-btn{background:#fdeceb;color:#c8433f}
.pos2-return-btn{background:#eef1f6;color:#5a6b83}
.pos2-return-btn.active{background:var(--red);color:#fff}

.pos2-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:10px;padding-bottom:2px}
.pos2-tabs button{border:1px solid var(--line);background:#f5f7fb;color:#4c5c74;font-size:10px;font-weight:700;padding:8px 14px;border-radius:9px;cursor:pointer;white-space:nowrap}
.pos2-tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff}
.pos2-tabs button .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ef8e25;margin-left:6px;vertical-align:middle}

.pos2-cart-table{width:100%;border-collapse:collapse}
.pos2-cart-table thead th{text-align:left;font-size:8px;text-transform:uppercase;color:var(--muted);font-weight:800;padding:8px 6px;border-bottom:1px solid var(--line)}
.pos2-cart-table td{padding:9px 6px;font-size:11px;border-bottom:1px solid var(--line);vertical-align:middle}
.pos2-cart-table .qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;overflow:hidden;width:fit-content}
.pos2-cart-table .qty button{border:0;background:#f5f7fa;width:24px;height:26px;cursor:pointer}
.pos2-cart-table .qty input{width:32px;border:0;text-align:center;font-size:10px}
.pos2-cart-table .remove{border:0;background:none;color:#d15a64;font-size:16px;cursor:pointer;margin-left:8px;vertical-align:middle}
.pos2-cart-empty{text-align:center;color:var(--muted);padding:38px 10px}
.pos2-cart-empty span{display:block;font-size:26px;color:#a9b9cc}
.pos2-cart-empty strong{display:block;color:var(--ink);font-size:12px;margin-top:6px}
.pos2-cart-empty p{font-size:10px;margin:4px 0 0}

.pos2-customer-bar{border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin-bottom:12px}
.pos2-customer-bar label{display:block;font-size:8px;font-weight:800;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.pos2-customer-search{position:relative}
.pos2-customer-search input{width:100%;border:1px solid #d8e2ed;border-radius:8px;padding:9px 30px 9px 9px;font-size:11px;background:#fff;box-sizing:border-box}
.pos2-customer-search #customerClear{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:#9aa8bc;font-size:16px;cursor:pointer;line-height:1;padding:2px 4px}
.pos2-customer-results{position:absolute;left:0;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 26px rgba(15,46,84,.12);z-index:20;max-height:220px;overflow:auto}
.pos2-customer-results button{display:block;width:100%;text-align:left;border:0;background:none;padding:9px 12px;font-size:11px;color:var(--ink);cursor:pointer}
.pos2-customer-results button:hover{background:#f1f7ff}
.pos2-customer-results small{display:block;padding:10px 12px;color:var(--muted);font-size:10px}
.pos2-commission-rate{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--muted)}
.pos2-commission-rate input{width:48px;border:1px solid #d8e2ed;border-radius:6px;padding:4px 6px;font-size:10px}
.pos2-breakdown{display:block;font-size:7px;color:var(--muted);margin-top:2px;font-weight:600}

.pos2-tender-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px;align-items:center}
.pos2-tender-row button{border:1px solid #d8e2ed;background:#f5f8fc;color:#1c3b63;font-size:10px;font-weight:800;padding:8px 13px;border-radius:8px;cursor:pointer}

.pos2-pay-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}
.pos2-pay-row button{border:0;border-radius:10px;padding:12px 4px;color:#fff;font-size:9.5px;font-weight:800;cursor:pointer;text-align:center;line-height:1.35}
.pos2-pay-row button:disabled{opacity:.4;cursor:not-allowed}
.pos2-pay-cash{background:#0f9488}
.pos2-pay-pos{background:var(--blue)}
.pos2-pay-open{background:#ef8e25}
.pos2-pay-split{background:#7c5cff}
.pos2-pay-other{background:#1c3b63}

.pos2-split-panel,.pos2-other-panel{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px;background:#f9fbff}
.pos2-split-row{display:flex;gap:6px;margin-bottom:7px}
.pos2-split-row select{flex:1.3;border:1px solid #d8e2ed;border-radius:8px;padding:7px;font-size:10px;min-width:0}
.pos2-split-row input{flex:1;border:1px solid #d8e2ed;border-radius:8px;padding:7px;font-size:10px;min-width:0}
.pos2-split-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}
.pos2-split-actions small{font-size:9px;color:var(--muted)}
.pos2-split-actions button{border:0;border-radius:8px;padding:9px 14px;font-size:10px;font-weight:800;cursor:pointer}
.pos2-split-add{background:#eef1f6;color:#39506e}
.pos2-split-confirm{background:#7c5cff;color:#fff}
.pos2-other-list label{display:flex;align-items:center;gap:8px;border:1px solid #d8e2ed;border-radius:9px;padding:8px 10px;margin-bottom:6px;cursor:pointer;font-size:10px}
.pos2-other-list label:has(input:checked){border-color:var(--blue);background:#f1f7ff}

.pos2-category-tabs{display:flex;gap:7px;overflow-x:auto;margin-bottom:10px}
.pos2-category-tabs button{border:1px solid #d8e2ed;background:#fff;color:#18324f;font-size:9px;font-weight:700;padding:7px 12px;border-radius:20px;cursor:pointer;white-space:nowrap}
.pos2-category-tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff}

.pos2-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:340px;overflow:auto;margin-bottom:12px}
.pos2-product-tile{border:1px solid #e4eaf2;border-radius:12px;background:#fff;padding:12px;text-align:left;cursor:pointer}
.pos2-product-tile:hover{border-color:#80b3f5;background:#f8fbff}
.pos2-product-tile b{display:block;font-size:11px;color:var(--ink)}
.pos2-product-tile small{display:block;font-size:8.5px;color:var(--muted);margin-top:5px}
.pos2-product-tile strong{display:block;margin-top:8px;font-size:12px;color:#0d57bd}

.pos2-checks{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.pos2-checks label{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--ink);cursor:pointer}

.pos2-lastsale{display:block;border:1px solid #bed4f8;background:#eaf1ff;border-radius:12px;padding:10px 12px;cursor:pointer;text-decoration:none}
.pos2-lastsale b{display:block;font-size:10px;color:var(--blue)}
.pos2-lastsale small{display:block;font-size:8.5px;color:var(--muted);margin-top:3px}

@media(max-width:1050px){.pos2-body{grid-template-columns:1fr}.pos2-pay-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.pos2-tools-row{grid-template-columns:1fr}.pos2-product-grid{grid-template-columns:repeat(2,1fr)}.pos2-pay-row{grid-template-columns:repeat(2,1fr)}.pos2-topbar{flex-direction:column;align-items:stretch}}