.pos-shell{background:var(--color-surface);height:100dvh;color:var(--color-text);flex-direction:column;display:flex;overflow:hidden}.pos-shell,.pos-shell button,.pos-shell a,.pos-shell label{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pos-shell [class*=overflow],.pos-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.pos-topbar{background:var(--color-sidebar);border-bottom:1px solid var(--color-border);z-index:10;flex:none;justify-content:space-between;align-items:center;gap:10px;height:56px;padding:0 22px;display:flex;box-shadow:0 1px 2px #00000008}.pos-mode-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:13.5px;font-weight:700;display:inline-flex}.pos-body{flex:1;min-height:0;display:flex}.pos-main{flex-direction:column;flex:1.7;min-width:0;display:flex}.pos-browse{gap:14px;padding:18px}.pos-side{background:var(--color-panel);border-left:1px solid var(--color-border);flex-direction:column;flex:none;width:430px;min-height:0;display:flex}.pos-tabs{background:var(--color-sidebar);border-bottom:1px solid var(--color-border);flex:none;gap:6px;padding:8px 12px;display:none}.pos-tab{border:1px solid var(--color-border);background:var(--color-panel);min-height:48px;color:var(--color-muted);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:0 10px;font-size:14px;font-weight:700;display:inline-flex}.pos-tab[data-on="1"]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pos-tab-sum{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pos-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:10px;min-height:0;display:grid;overflow-y:auto}.pos-card{text-align:left;border:1px solid var(--color-border);background:var(--color-panel);min-height:106px;color:var(--color-text);cursor:pointer;border-radius:14px;flex-direction:column;gap:6px;padding:14px;transition:border-color .12s,box-shadow .12s,transform 50ms;display:flex;box-shadow:0 1px 3px #0000000a}.pos-card:active{border-color:var(--color-primary);transform:scale(.97)}.pos-line{align-items:center;gap:10px;padding:10px 18px;display:flex}.pos-line-name{flex:auto;min-width:0}.pos-line-total{text-align:right;font-variant-numeric:tabular-nums;width:78px;font-weight:700}.pos-qty{border:1px solid var(--color-border);background:var(--color-panel2);width:34px;height:34px;color:var(--color-text);cursor:pointer;border-radius:9px;flex:none;place-items:center;display:grid}.pos-qty:active{background:var(--color-border);transform:scale(.94)}.pos-qty-val{text-align:center;font-variant-numeric:tabular-nums;min-width:30px;font-weight:700}.pos-icon-btn{width:34px;height:34px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:none;place-items:center;display:grid}.pos-icon-btn:active{background:var(--color-panel2)}.pos-num-input{text-align:right;background:var(--color-panel2);border:1px solid var(--color-border);width:96px;height:40px;color:var(--color-text);border-radius:8px;outline:none;padding:0 10px}.pos-pay{padding:26px 32px;overflow-y:auto}.pos-pay-amt{letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:4px;font-size:34px;font-weight:800}.pos-methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.pos-method{text-align:left;border:none;border-radius:16px;flex-direction:column;gap:14px;min-height:118px;padding:18px;display:flex}.pos-method:not(:disabled):active{filter:brightness(.96);transform:scale(.98)}.pos-cash{flex:1;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) 340px;column-gap:30px;min-height:0;margin-top:24px;display:grid}.pos-cash-top{grid-area:1/1;min-width:0}.pos-cash-foot{grid-area:2/1;min-width:0}.pos-cash-keypad{grid-area:1/2/span 2;min-width:0}.pos-cash-amt{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:6px 0 4px;font-size:40px;font-weight:800}.pos-keypad{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:68px;gap:6px;display:grid}.pos-key{cursor:pointer;color:var(--color-text);font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:14px;place-items:center;font-size:26px;font-weight:700;display:grid}.pos-key:hover{background:var(--color-panel2)}.pos-key:active{background:var(--color-border);transform:scale(.96)}.pos-recv{flex:1;min-height:0;display:flex}.pos-recv-main{flex-direction:column;flex:1.7;gap:12px;min-width:0;padding:18px;display:flex}.pos-recv-side{background:var(--color-panel);border-left:1px solid var(--color-border);flex-direction:column;flex:none;width:380px;min-height:0;display:flex}.pos-recv-tools{gap:10px;display:flex}.pos-recv-supplier{background:var(--color-panel);border:1px solid var(--color-border);width:200px;height:48px;color:var(--color-text);border-radius:12px;outline:none;flex:none;padding:0 14px;font-size:14.5px}.pos-recv-row{border-bottom:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);align-items:center;padding:10px 16px;display:flex}.pos-recv-amt{text-align:right;font-variant-numeric:tabular-nums;width:110px;font-weight:700}.pos-recv-actions{border-top:1px solid var(--color-border);padding:16px 16px calc(16px + env(safe-area-inset-bottom));gap:10px;display:flex}.pos-numcell{flex:none}.pos-numcell-label{margin-bottom:3px;font-size:11px;display:none}.pos-numcell-box{background:var(--color-panel2);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:3px;height:36px;padding:0 8px;display:inline-flex}.pos-modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}.pos-modal,.pos-modal button,.pos-modal label{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width:1023px){.pos-modal input{font-size:16px!important}.pos-topbar{gap:8px;padding:0 12px}.pos-hide-md{display:none!important}.pos-mode-btn{height:44px;padding:0 16px;font-size:14px}.pos-tabs{display:flex}.pos-body{flex-direction:column}.pos-main,.pos-side{flex:auto;width:100%;min-height:0}.pos-side{border-left:none;border-top:1px solid var(--color-border)}.pos-body[data-pane=products] .pos-side,.pos-body[data-pane=cart] .pos-main{display:none}.pos-browse{gap:10px;padding:12px}.pos-grid{gap:8px}.pos-shell .btn{min-height:44px}.pos-qty,.pos-icon-btn{width:44px;height:44px}.pos-num-input{height:44px}.pos-shell input{font-size:16px!important}.pos-line{flex-wrap:wrap;row-gap:8px;padding:12px 14px}.pos-line-name{flex:100%}.pos-line-total{width:auto;margin-left:auto;font-size:15px}.pos-pay{padding:14px 14px calc(18px + env(safe-area-inset-bottom))}.pos-pay-amt{font-size:24px}.pos-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pos-method{min-height:96px;padding:14px}.pos-cash{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);row-gap:14px;margin-top:16px}.pos-cash-top{grid-row:1}.pos-cash-keypad{grid-area:2/1;width:auto}.pos-cash-foot{grid-area:3/1}.pos-cash-amt{font-size:32px}.pos-keypad{grid-auto-rows:64px;gap:8px}.pos-key{background:var(--color-panel2);font-size:24px}.pos-recv{flex-direction:column;overflow-y:auto}.pos-recv-main{padding:12px}.pos-recv-main,.pos-recv-side{flex:none;width:100%}.pos-recv-side{border-left:none;border-top:1px solid var(--color-border)}.pos-recv-tools{flex-wrap:wrap}.pos-recv-supplier{width:100%}.pos-recv-head{display:none!important}.pos-recv-row{flex-wrap:wrap;row-gap:8px;padding:12px 14px}.pos-recv-row>:first-child{flex:100%}.pos-recv-row .pos-numcell{align-items:flex-start;margin-right:10px;width:auto!important}.pos-numcell-label{display:block}.pos-numcell-box{height:44px}.pos-recv-amt{align-self:flex-end;width:auto;margin-left:auto}}@media (max-width:479px){.pos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-card{min-height:96px;padding:11px}.pos-tab{font-size:13px}}