.pos-shell{--pos-bg: #101827;--pos-surface: #172237;--pos-surface-2: #1d2a42;--pos-border: #2d3b55;--pos-muted: #93a1b8;--pos-text: #f4f7fb;--pos-blue: #4f6bff;--pos-blue-bright: #6c83ff;--pos-green: #39c786;--pos-amber: #f5a623;background:var(--pos-bg);color:var(--pos-text);display:grid;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;grid-template-rows:72px minmax(0,1fr) 50px;height:100vh;min-height:700px;min-width:1120px;overflow:hidden}.pos-shell *,.pos-shell *:before,.pos-shell *:after{box-sizing:border-box}.pos-shell button,.pos-shell input{font:inherit}.pos-shell button,.pos-shell a{-webkit-tap-highlight-color:transparent}.pos-topbar{align-items:stretch;background:#172137;border-bottom:1px solid var(--pos-border);display:grid;grid-template-columns:230px minmax(360px,1fr) 250px 210px}.pos-brand{align-items:center;border-right:1px solid var(--pos-border);color:var(--pos-text);display:flex;gap:12px;padding:0 20px;text-decoration:none}.pos-brand>span,.pos-cashier>span{align-items:center;background:var(--pos-blue);border-radius:10px;display:flex;height:38px;justify-content:center;width:38px}.pos-brand div,.pos-cashier div,.pos-network span{display:flex;flex-direction:column;min-width:0}.pos-brand strong{font-size:16px;line-height:1.2}.pos-brand small,.pos-cashier small,.pos-network small{color:var(--pos-muted);font-size:11px;margin-top:3px}.pos-search{align-items:center;border-right:1px solid var(--pos-border);color:var(--pos-muted);display:flex;gap:12px;padding:0 22px}.pos-search input{background:transparent;border:0;color:var(--pos-text);flex:1;font-size:17px;font-weight:650;min-width:0;outline:0}.pos-search input::placeholder{color:#8190a8;font-weight:550}.pos-search kbd{border:1px solid #53617a;border-radius:6px;color:#aab5c7;font-size:10px;font-weight:700;padding:4px 6px}.pos-network,.pos-cashier{align-items:center;background:transparent;border:0;border-right:1px solid var(--pos-border);color:var(--pos-text);cursor:pointer;display:flex;gap:10px;padding:0 18px;text-align:left}.pos-network.online>svg{color:var(--pos-green)}.pos-network.offline>svg{color:var(--pos-amber)}.pos-network strong,.pos-cashier strong{font-size:13px}.pos-cashier{border-right:0}.pos-cashier>span{background:#273551;height:34px;width:34px}.pos-workspace{display:grid;grid-template-columns:minmax(0,1fr) 430px;min-height:0}.pos-catalog-pane{display:grid;grid-template-rows:52px minmax(0,1fr);min-height:0;min-width:0}.pos-category-tabs{align-items:center;background:#131d2e;border-bottom:1px solid var(--pos-border);display:flex;gap:5px;overflow-x:auto;padding:7px 14px;scrollbar-width:none}.pos-category-tabs::-webkit-scrollbar{display:none}.pos-category-tabs button{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#aeb9ca;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:700;gap:7px;padding:9px 12px}.pos-category-tabs button span{background:#26344e;border-radius:999px;color:#b9c3d4;font-size:10px;padding:2px 6px}.pos-category-tabs button.active{background:#29385a;border-color:#3a4d75;color:#fff}.pos-category-tabs button.active span{background:var(--pos-blue);color:#fff}.pos-product-grid{align-content:start;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));min-height:0;overflow:auto;padding:12px}.pos-catalog-loading{min-height:280px;grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--pos-muted);text-align:center}.pos-catalog-loading svg{color:var(--pos-primary)}.pos-catalog-loading strong{color:var(--pos-text);font-size:15px}.pos-catalog-loading span{max-width:320px;font-size:11px;line-height:1.45}.pos-load-more{grid-column:1 / -1;min-height:48px;border:1px solid var(--pos-border, #dfe5ef);border-radius:12px;background:var(--pos-panel, #fff);color:inherit;font-weight:700;cursor:pointer}.pos-load-more span{margin-left:8px;color:#8a94a6;font-size:12px;font-weight:600}.pos-product-grid>article{background:#222e49;border:2px solid transparent;border-radius:2px;color:var(--pos-text);cursor:pointer;display:grid;grid-template-rows:42px 154px minmax(88px,auto) 55px;min-height:339px;overflow:hidden;padding:0;position:relative;text-align:center;transition:border-color .16s ease,background .16s ease,transform .16s ease}.pos-product-grid>article:hover{background:#273450;border-color:#53637f;transform:translateY(-1px)}.pos-product-grid>article.selected{border-color:var(--pos-amber)}.pos-product-grid>article.out{cursor:not-allowed;opacity:.48}.pos-product-stock{align-items:center;color:#aeb7ca;display:flex;font-size:17px;font-weight:750;justify-content:center;letter-spacing:-.4px;padding-top:2px}.pos-product-grid>article>img{background:#f8fafc;border-radius:10px;height:154px;object-fit:contain;padding:4px;width:calc(100% - 16px);margin:0 8px}.pos-product-copy{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:12px 10px 9px}.pos-product-copy strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.pos-product-copy small{color:#aab4c7;font-size:10px;line-height:1.35}.pos-product-copy code{color:#7f8da5;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.pos-product-grid>article>footer{align-items:center;border-top:1px solid #3c4861;display:flex;justify-content:center;margin:0 10px}.pos-product-grid>article>footer>b{font-size:15px}.pos-card-stepper{align-items:center;display:grid;gap:12px;grid-template-columns:36px minmax(24px,1fr) 36px;width:100%}.pos-card-stepper button{align-items:center;background:#17223a;border:2px solid #46526d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:21px;height:36px;justify-content:center;padding:0 0 2px;width:36px}.pos-card-stepper strong{font-size:20px}.pos-receipt-pane{background:#f7f9fd;border-left:1px solid #32415d;color:#172033;display:grid;grid-template-rows:auto minmax(0,1fr) auto 74px;min-height:0}.pos-receipt-pane>header{border-bottom:1px solid #dbe2ee;padding:8px 10px 8px 14px}.pos-receipt-head{display:flex;flex-direction:column;gap:6px}.pos-customer-row{align-items:center;display:flex;min-height:44px}.pos-order-loader{align-items:center;background:#edf1f8;border:1px solid #dbe2ed;border-radius:9px;color:#78859a;display:flex;gap:7px;height:39px;padding:0 5px 0 10px}.pos-order-loader input{background:transparent;border:0;color:#1f2a3d;flex:1;font-size:11px;min-width:0;outline:0}.pos-order-loader input::placeholder{color:#909cad}.pos-order-loader button{background:#fff;border:1px solid #d6deeb;border-radius:7px;color:#526076;cursor:pointer;font-size:10px;font-weight:750;height:29px;padding:0 9px}.pos-order-loader button:hover{border-color:var(--pos-blue);color:var(--pos-blue)}.pos-customer-action{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;flex:1;gap:10px;min-width:0;text-align:left}.pos-customer-action>span{align-items:center;background:#e9edff;border-radius:9px;color:var(--pos-blue);display:flex;height:36px;justify-content:center;width:36px}.pos-customer-action>div{display:flex;flex:1;flex-direction:column;min-width:0}.pos-customer-action strong{color:#172033;font-size:13px}.pos-customer-action small{color:#7f8ca1;font-size:10px;margin-top:3px}.pos-customer-action>svg{color:#9aa5b6}.pos-clear{align-items:center;background:transparent;border:0;border-radius:8px;color:#8d99aa;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.pos-clear:not(:disabled):hover{background:#feecef;color:#d94a62}.pos-clear:disabled{opacity:.35}.pos-receipt-lines{overflow-y:auto;padding:0 14px}.pos-receipt-lines.empty{align-items:center;display:flex;justify-content:center}.pos-receipt-lines article{align-items:center;border-bottom:1px solid #e2e7f0;display:grid;gap:9px;grid-template-columns:42px minmax(0,1fr) auto auto 26px;padding:11px 0}.pos-receipt-lines article>img{background:#fff;border:1px solid #e0e6ef;border-radius:7px;height:42px;object-fit:contain;padding:3px;width:42px}.pos-line-name{display:flex;flex-direction:column;min-width:0}.pos-line-name strong{color:#172033;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.pos-line-name small{color:#8c98aa;font-size:9px;margin-top:2px}.pos-line-name span{color:#647087;font-size:10px;margin-top:4px}.pos-line-stepper{align-items:center;background:#edf1f7;border-radius:8px;display:flex;height:31px;overflow:hidden}.pos-line-stepper button{background:transparent;border:0;color:#4e5b71;cursor:pointer;font-size:17px;height:31px;width:27px}.pos-line-stepper strong{font-size:12px;min-width:19px;text-align:center}.pos-receipt-lines article>b{font-size:12px;min-width:60px;text-align:right;white-space:nowrap}.pos-line-remove{align-items:center;background:transparent;border:0;border-radius:6px;color:#a0aaba;cursor:pointer;display:flex;height:25px;justify-content:center;width:25px}.pos-line-remove:hover{background:#feecef;color:#d94a62}.pos-empty-receipt{align-items:center;color:#7c899d;display:flex;flex-direction:column;max-width:250px;text-align:center}.pos-empty-receipt>span{align-items:center;background:#e9edff;border-radius:16px;color:var(--pos-blue);display:flex;height:68px;justify-content:center;margin-bottom:15px;width:68px}.pos-empty-receipt strong{color:#283449;font-size:18px}.pos-empty-receipt p{font-size:12px;line-height:1.55;margin:7px 0 0}.pos-receipt-summary{border-top:1px solid #dde4ef;padding:12px 16px}.pos-receipt-summary>div{align-items:center;color:#7d899d;display:flex;font-size:11px;justify-content:space-between;margin-bottom:6px}.pos-receipt-summary>div strong{color:#334058}.pos-receipt-summary .total{border-top:1px dashed #ccd5e2;margin:10px 0 0;padding-top:10px}.pos-receipt-summary .total span{color:#202a3c;font-size:14px;font-weight:700}.pos-receipt-summary .total strong{color:#111a2b;font-size:24px;letter-spacing:-.5px}.pos-receipt-pane>footer{display:grid;gap:10px;grid-template-columns:154px minmax(0,1fr);padding:0 14px 14px}.pos-hold-button,.pos-pay-button{border:0;border-radius:10px;cursor:pointer;font-weight:750}.pos-hold-button{align-items:center;background:#fff;border:1px solid #d8e0ec;color:#46536a;display:flex;font-size:11px;gap:9px;justify-content:center;line-height:1;padding:7px 10px;text-align:center;white-space:nowrap}.pos-hold-button svg{width:28px;height:28px;padding:7px;border-radius:50%;flex:0 0 auto;background:#e8edff;color:var(--pos-blue)}.pos-pay-button{align-items:center;background:var(--pos-blue);color:#fff;display:grid;gap:6px;grid-template-columns:auto minmax(0,1fr) auto;padding:0 11px;text-align:left}.pos-pay-button strong{overflow:hidden;font-size:14px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.pos-hold-button:disabled,.pos-pay-button:disabled{cursor:not-allowed;opacity:.4}.pos-statusbar{align-items:center;background:#1b2840;border-top:1px solid var(--pos-border);display:flex;min-width:0;padding:0 8px}.pos-statusbar a,.pos-statusbar button,.pos-statusbar>span{align-items:center;background:transparent;border:0;border-right:1px solid #33425d;color:#bdc7d7;display:flex;font-size:11px;font-weight:650;gap:7px;height:34px;padding:0 14px;text-decoration:none}.pos-statusbar button{cursor:pointer}.pos-statusbar button:hover,.pos-statusbar a:hover{color:#fff}.pos-statusbar em{background:#33425e;border-radius:999px;font-size:9px;font-style:normal;padding:3px 6px}.pos-statusbar>span{flex:1;justify-content:center}.pos-statusbar .online{border-right:0;color:#74d5a9}.pos-statusbar .offline{border-right:0;color:#ffc35e}.pos-modal-backdrop{align-items:center;background:#050a13c2;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:100}.pos-payment-modal,.pos-list-modal,.pos-customer-modal,.pos-settings-modal{background:#f8faff;border:1px solid #d8e0ec;border-radius:16px;color:#172033;max-height:calc(100vh - 48px);overflow:auto;width:min(560px,100%)}.pos-payment-modal>header,.pos-list-modal>header,.pos-customer-modal>header,.pos-settings-modal>header{align-items:center;border-bottom:1px solid #e0e6ef;display:flex;justify-content:space-between;padding:18px 20px}.pos-payment-modal header div,.pos-list-modal header div,.pos-customer-modal header div,.pos-settings-modal header div{display:flex;flex-direction:column}.pos-payment-modal header span,.pos-list-modal header span,.pos-customer-modal header span,.pos-settings-modal header span{color:#8a96a8;font-size:10px;font-weight:750;text-transform:uppercase}.pos-payment-modal h2,.pos-list-modal h2,.pos-customer-modal h2,.pos-settings-modal h2{font-size:20px;margin:3px 0 0}.pos-payment-modal header button,.pos-list-modal header button,.pos-customer-modal header button,.pos-settings-modal header button{align-items:center;background:#edf1f6;border:0;border-radius:8px;color:#667287;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.pos-payment-methods{display:grid;gap:9px;padding:18px 20px 10px}.pos-payment-methods button{align-items:center;background:#fff;border:1px solid #dce3ed;border-radius:11px;color:#1e293b;cursor:pointer;display:grid;gap:10px;grid-template-columns:42px minmax(0,1fr) auto;padding:10px 12px;text-align:left}.pos-payment-methods button:hover{border-color:var(--pos-blue)}.pos-payment-methods button:disabled{cursor:not-allowed;opacity:.45}.pos-payment-methods button>span{align-items:center;background:#e9edff;border-radius:9px;color:var(--pos-blue);display:flex;grid-row:span 2;height:42px;justify-content:center}.pos-payment-methods button strong{align-self:end;font-size:13px}.pos-payment-methods button small{align-self:start;color:#8792a4;font-size:10px;grid-column:2}.pos-payment-methods button>svg{grid-column:3;grid-row:1 / 3}.pos-payment-modal>label,.pos-customer-modal>label{display:flex;flex-direction:column;gap:6px;padding:8px 20px 10px}.pos-payment-modal>label span,.pos-customer-modal>label span{color:#667287;font-size:11px;font-weight:700}.pos-payment-modal input,.pos-customer-modal input{background:#fff;border:1px solid #d8e0ec;border-radius:9px;color:#172033;font-size:14px;outline:0;padding:11px 12px}.pos-payment-modal input:focus,.pos-customer-modal input:focus{border-color:var(--pos-blue);box-shadow:0 0 0 3px #4f6bff1a}.pos-payment-modal>footer,.pos-customer-modal>footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 20px 18px}.pos-payment-modal>footer button,.pos-customer-modal>footer button{background:#e9edf5;border:0;border-radius:8px;color:#4f5b70;cursor:pointer;font-size:11px;font-weight:750;padding:10px 14px}.pos-customer-modal>footer button:last-child{background:var(--pos-blue);color:#fff}.pos-settings-options{display:grid;gap:8px;padding:18px 20px}.pos-settings-options>button{align-items:center;background:#fff;border:1px solid #dce3ed;border-radius:11px;color:#253147;cursor:pointer;display:grid;gap:10px;grid-template-columns:40px minmax(0,1fr) 20px;padding:11px 12px;text-align:left}.pos-settings-options>button.active{background:#f1f3ff;border-color:var(--pos-blue)}.pos-settings-options>button>span{align-items:center;background:#e9edff;border-radius:8px;color:var(--pos-blue);display:flex;height:38px;justify-content:center;width:38px}.pos-settings-options>button>div{display:flex;flex-direction:column}.pos-settings-options strong{font-size:12px}.pos-settings-options small{color:#8490a3;font-size:10px;line-height:1.4;margin-top:3px}.pos-settings-options>button>svg{color:var(--pos-blue)}.pos-settings-switches{border-top:1px solid #e0e6ef;display:grid;padding:10px 20px 14px}.pos-settings-switches>label{align-items:center;border-bottom:1px solid #e5eaf2;cursor:pointer;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:11px 0;position:relative}.pos-settings-switches>label:last-child{border-bottom:0}.pos-settings-switches>label>div{display:flex;flex-direction:column}.pos-settings-switches strong{color:#283449;font-size:12px}.pos-settings-switches small{color:#8792a4;font-size:10px;line-height:1.4;margin-top:3px}.pos-settings-switches input{height:1px;opacity:0;position:absolute;width:1px}.pos-settings-switch{background:#c9d1dd;border-radius:999px;height:22px;position:relative;transition:background .16s ease;width:39px}.pos-settings-switch:after{background:#fff;border-radius:50%;content:"";height:18px;left:2px;position:absolute;top:2px;transition:transform .16s ease;width:18px}.pos-settings-switches input:checked+.pos-settings-switch{background:var(--pos-blue)}.pos-settings-switches input:checked+.pos-settings-switch:after{transform:translate(17px)}.pos-settings-modal>footer{border-top:1px solid #e0e6ef;display:flex;gap:8px;justify-content:flex-end;padding:14px 20px 18px}.pos-settings-modal>footer button{background:#e9edf5;border:0;border-radius:8px;color:#4f5b70;cursor:pointer;font-size:11px;font-weight:750;padding:10px 14px}.pos-settings-modal>footer button:last-child{background:var(--pos-blue);color:#fff}.pos-held-list,.pos-receipt-list{min-height:180px;padding:10px 20px 20px}.pos-held-list article,.pos-receipt-list article{align-items:center;border-bottom:1px solid #e2e7ef;display:grid;gap:10px;grid-template-columns:32px minmax(0,1fr) auto auto auto;padding:12px 0}.pos-held-list article>span,.pos-receipt-list article>span{align-items:center;background:#fff2dc;border-radius:8px;color:#d78b15;display:flex;height:32px;justify-content:center;width:32px}.pos-held-list article>div,.pos-receipt-list article>div{display:flex;flex-direction:column}.pos-held-list article strong,.pos-receipt-list article strong{font-size:12px}.pos-held-list article small,.pos-receipt-list article small{color:#8894a6;font-size:10px;margin-top:3px}.pos-held-list article>b,.pos-receipt-list article>b{font-size:12px;white-space:nowrap}.pos-held-list article>button{background:#e9edff;border:0;border-radius:7px;color:var(--pos-blue);cursor:pointer;font-size:10px;font-weight:750;padding:8px 10px}.pos-held-list article>button.danger{align-items:center;background:#feecef;color:#d94a62;display:flex;height:30px;justify-content:center;padding:0;width:30px}.pos-receipt-list article{grid-template-columns:32px minmax(0,1fr) auto 116px}.pos-receipt-list article>span.synced{background:#e3f7ee;color:#229665}.pos-receipt-list article>span.queued{background:#fff2dc;color:#d78b15}.pos-receipt-list article>em{color:#758196;font-size:9px;font-style:normal;text-align:right}.pos-list-empty{align-items:center;color:#8792a4;display:flex;flex-direction:column;justify-content:center;min-height:170px;text-align:center}.pos-list-empty svg{color:var(--pos-blue)}.pos-list-empty strong{color:#344055;font-size:13px;margin-top:9px}.pos-list-empty span{font-size:10px;margin-top:4px}.pos-complete-banner,.pos-toast{align-items:center;background:#17233a;border:1px solid #40516e;border-radius:12px;color:#fff;display:flex;z-index:120}.pos-complete-banner{min-height:58px;margin-top:1px;position:relative;gap:10px;padding:10px 11px;width:100%;box-shadow:7px 7px #4f6bff59;animation:pos-receipt-success-in .18s ease both}.pos-complete-banner>span{color:var(--pos-green)}.pos-complete-banner>div{display:flex;flex:1;flex-direction:column}.pos-complete-banner strong{font-size:13px}.pos-complete-banner small{color:#9eacc1;font-size:10px;margin-top:3px}.pos-complete-banner>b{font-size:14px;white-space:nowrap}.pos-complete-banner>button{align-items:center;background:transparent;border:0;color:#8492a7;cursor:pointer;display:flex}.pos-toast{bottom:66px;gap:8px;left:18px;padding:11px 15px;position:fixed}.pos-toast svg{color:var(--pos-green)}@keyframes pos-receipt-success-in{0%{opacity:0;transform:translateY(-5px)}}.pos-card-variant-price{align-items:center;display:flex;justify-content:space-between;width:100%}.pos-card-variant-price>span{background:#4f6bff24;border-radius:6px;color:#9cacff;font-size:9px;font-weight:800;padding:4px 6px}.pos-shell.light .pos-card-variant-price>span{color:var(--pos-blue)}.pos-variant-modal{background:#f8faff;border:1px solid #d8e0ec;border-radius:16px;color:#172033;max-height:calc(100vh - 48px);overflow:hidden;width:min(680px,100%)}.pos-variant-modal>header{align-items:center;border-bottom:1px solid #e0e6ef;display:flex;justify-content:space-between;padding:16px 18px}.pos-variant-modal>header>div{display:flex;flex-direction:column;min-width:0}.pos-variant-modal>header span{color:#6576ec;font-size:10px;font-weight:800;text-transform:uppercase}.pos-variant-modal>header h2{font-size:18px;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-variant-modal>header small{color:#8792a4;font-size:10px;margin-top:4px}.pos-variant-modal>header button{align-items:center;background:#edf1f6;border:0;border-radius:8px;color:#667287;cursor:pointer;display:flex;flex:0 0 auto;height:34px;justify-content:center;margin-left:12px;width:34px}.pos-variant-groups{max-height:min(610px,calc(100vh - 155px));overflow-y:auto;padding:14px 18px 18px}.pos-variant-groups>section+section{border-top:1px solid #e0e6ef;margin-top:15px;padding-top:15px}.pos-variant-groups>section>div:first-child{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.pos-variant-groups>section>div:first-child strong{font-size:13px}.pos-variant-groups>section>div:first-child span{background:#e9edff;border-radius:5px;color:#556bea;font-size:9px;font-weight:800;padding:4px 6px}.pos-variant-groups>section>div:last-child{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.pos-variant-groups section button{align-items:center;background:#fff;border:1px solid #dce3ed;border-radius:10px;color:#1e293b;cursor:pointer;display:grid;gap:7px;grid-template-columns:auto minmax(0,1fr) auto auto;min-height:55px;padding:8px 10px;text-align:left}.pos-variant-groups section button:hover{border-color:var(--pos-blue);box-shadow:0 3px 12px #1e325a12}.pos-variant-groups section button.active{border-color:var(--pos-blue);background:#f0f3ff;box-shadow:0 0 0 2px #4f6bff1a}.pos-variant-groups section button:disabled{background:#f1f3f6;cursor:not-allowed;opacity:.62}.pos-variant-groups section button>span{border-radius:6px;font-size:9px;font-weight:800;padding:5px 6px;white-space:nowrap}.pos-variant-groups section button>span.available{background:#e3f7ee;color:#229665}.pos-variant-groups section button>span.out{background:#feecef;color:#d94a62}.pos-variant-groups section button>strong{font-size:11px}.pos-variant-groups section button>small{color:#d94a62;font-size:8px;grid-column:2 / 4}.pos-variant-groups section button>b{font-size:11px;white-space:nowrap}.pos-variant-groups section button>svg{color:#8c98ab}.pos-variant-groups section button.active>svg{color:var(--pos-blue)}.pos-no-variants{border:1px dashed #d6dde8;border-radius:9px;color:#8792a4;font-size:10px;margin:0;padding:15px;text-align:center}.pos-variant-modal>footer{align-items:center;background:#fff;border-top:1px solid #e0e6ef;display:flex;justify-content:space-between;padding:12px 18px}.pos-variant-modal>footer>span{color:#8792a4;font-size:10px}.pos-variant-modal>footer>button{align-items:center;background:var(--pos-blue);border:0;border-radius:8px;color:#fff;display:flex;gap:6px;min-height:36px;padding:0 12px;font-size:11px;font-weight:800}.pos-variant-modal>footer>button:disabled{cursor:not-allowed;opacity:.45}@media(max-width:680px){.pos-variant-groups>section>div:last-child{grid-template-columns:1fr}}.pos-shell.light{--pos-bg: #edf1f7;--pos-surface: #ffffff;--pos-border: #d8e0eb;--pos-muted: #7e8ba0;--pos-text: #1c2639;background:#edf1f7}.pos-shell.light .pos-topbar,.pos-shell.light .pos-category-tabs{background:#fff}.pos-shell.light .pos-search input,.pos-shell.light .pos-brand,.pos-shell.light .pos-network,.pos-shell.light .pos-cashier{color:#1c2639}.pos-shell.light .pos-category-tabs button{color:#667389}.pos-shell.light .pos-category-tabs button span{background:#edf1f6;color:#6f7c91}.pos-shell.light .pos-category-tabs button.active{background:#e9edff;border-color:#cdd5ff;color:var(--pos-blue)}.pos-shell.light .pos-category-tabs button.active span{background:var(--pos-blue);color:#fff}.pos-shell.light .pos-product-grid>article{background:#fff;color:#1d2739}.pos-shell.light .pos-product-grid>article:hover{background:#f8faff;border-color:#b8c3d4}.pos-shell.light .pos-product-grid>article.selected{border-color:var(--pos-amber)}.pos-shell.light .pos-product-stock{color:#768397}.pos-shell.light .pos-product-copy small{color:#69768b}.pos-shell.light .pos-product-copy code{color:#929daf}.pos-shell.light .pos-product-grid>article>footer{border-top-color:#dce3ed}.pos-shell.light .pos-card-stepper button{background:#e9edf5;border-color:#cbd4e2;color:#334157}.pos-shell.light .pos-statusbar{background:#fff;border-top-color:#d8e0eb}.pos-shell.light .pos-statusbar a,.pos-shell.light .pos-statusbar button,.pos-shell.light .pos-statusbar>span{border-right-color:#dfe5ee;color:#59667b}.pos-shell.light .pos-statusbar button:hover,.pos-shell.light .pos-statusbar a:hover{color:#1c2639}.pos-shell.light .pos-statusbar .online{color:#229665}.pos-shell.light .pos-statusbar .offline{color:#bd7510}@media(max-width:1350px){.pos-topbar{grid-template-columns:205px minmax(330px,1fr) 230px 190px}.pos-workspace{grid-template-columns:minmax(0,1fr) 390px}.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr))}}.pos-catalog-sentinel{grid-column:1 / -1;min-height:54px;margin:2px 0 8px;border:1px dashed #3b4860;border-radius:10px;color:#8290a6;background:#1a24377a;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:700;text-align:center}.pos-catalog-sentinel .spin{color:#8ea0ff;animation:pos-catalog-spin .8s linear infinite}.pos-shell.light .pos-catalog-sentinel{border-color:#d3dbe8;color:#758298;background:#f6f8fb}@keyframes pos-catalog-spin{to{transform:rotate(360deg)}}