.pos-app,.pos-app *{box-sizing:border-box}.pos-app{display:flex;flex-direction:column;height:100vh;background:var(--sk-ivory);color:var(--sk-ink);font-family:var(--sk-sans);overflow:hidden}.pos-app button,.pos-app input,.pos-app select{font-family:inherit}.pos-app button{cursor:pointer}.pos-app button:disabled{cursor:not-allowed;opacity:.45}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pos-app :focus-visible{outline:2px solid var(--sk-gold);outline-offset:2px}.pos-top{display:flex;align-items:center;gap:16px;padding:10px 18px;background:var(--sk-ink);color:var(--sk-ivory);flex:none}.pos-brand{display:flex;align-items:baseline;gap:10px;min-width:0}.pos-brand b{font:500 22px var(--sk-serif);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.pos-brand img{max-height:30px;max-width:150px;-o-object-fit:contain;object-fit:contain;align-self:center}.pos-brand span{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--sk-gold-soft)}.pos-selects{display:flex;gap:8px;margin-right:auto}.pos-top select{background:#2a231c;color:var(--sk-ivory);border:1px solid #4a3f33;border-radius:8px;padding:9px 10px;font-size:13px;max-width:200px}.pos-top-actions{display:flex;align-items:center;gap:8px}.pos-menu summary,.pos-top-actions>button{background:transparent;color:var(--sk-ivory);border:1px solid #4a3f33;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:500;list-style:none;cursor:pointer}.pos-menu summary:hover,.pos-top-actions>button:hover{background:#2a231c}.pos-pill{display:inline-flex;align-items:center;gap:8px}.pos-pill i{width:8px;height:8px;border-radius:50%;background:#5ec28a;box-shadow:0 0 0 3px rgba(94,194,138,.2)}.pos-menu{position:relative}.pos-menu summary::-webkit-details-marker{display:none}.pos-menu>div{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:190px;background:var(--sk-paper);color:var(--sk-ink);border:1px solid var(--sk-line);border-radius:10px;box-shadow:var(--sk-shadow);padding:6px;display:grid}.pos-menu a{padding:10px 12px;border-radius:6px;color:var(--sk-ink);text-decoration:none;font-size:14px}.pos-menu a:hover{background:var(--sk-sand)}.pos-banner{margin:0;padding:10px 18px;background:var(--sk-gold-soft);font-size:13px;flex:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.pos-banner.warn{background:#fff0d6;border-bottom:1px solid #e6c98a}.pos-error{color:var(--sk-error);background:var(--sk-error-bg);border-left:3px solid var(--sk-error);padding:10px 12px;border-radius:0 8px 8px 0;margin:10px 0;font-size:14px}.pos-error.bar{margin:0;border-radius:0;display:flex;justify-content:space-between;align-items:center;padding:10px 18px;flex:none}.pos-error.bar button{background:none;border:0;font-size:22px;line-height:1;color:inherit}.pos-hint{font-size:13px;margin:8px 0}.pos-empty,.pos-hint{color:var(--sk-muted)}.pos-empty{text-align:center;padding:28px 12px;line-height:1.6}.pos-gate{margin:clamp(32px,10vh,120px) auto;width:min(440px,calc(100% - 32px));background:var(--sk-paper);border:1px solid var(--sk-line);border-radius:var(--sk-radius-lg);padding:32px;box-shadow:var(--sk-shadow);text-align:center}.pos-gate h2{font:500 34px var(--sk-serif);margin:0 0 8px}.pos-gate p{color:var(--sk-muted);line-height:1.6}.pos-gate label{display:grid;gap:6px;text-align:left;margin:18px 0;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sk-ink-soft)}.pos-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 420px}.pos-catalog{overflow-y:auto;padding:16px 18px 28px;min-width:0}.pos-searchbar{position:sticky;top:-16px;z-index:5;background:var(--sk-ivory);padding:16px 0 10px;margin-top:-16px}.pos-searchbar input{width:100%;padding:15px 18px;font-size:16px;border:1px solid var(--sk-line-strong);border-radius:12px;background:#fff;color:var(--sk-ink)}.pos-searchbar input:focus{outline:none;border-color:var(--sk-gold);box-shadow:0 0 0 3px var(--sk-gold-soft)}.pos-chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;scrollbar-width:none}.pos-chips button{flex:none;padding:9px 16px;border:1px solid var(--sk-line-strong);border-radius:999px;background:var(--sk-paper);color:var(--sk-ink);font-size:13px;font-weight:500}.pos-chips button.on{background:var(--sk-ink);color:var(--sk-ivory);border-color:var(--sk-ink)}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:14px}.pos-card{display:grid;gap:4px;text-align:left;padding:0 0 12px;background:var(--sk-paper);border:1px solid var(--sk-line);border-radius:12px;overflow:hidden;color:var(--sk-ink);transition:transform .18s var(--sk-ease),box-shadow .18s var(--sk-ease),border-color .18s}.pos-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--sk-shadow);border-color:var(--sk-gold)}.pos-card:active:not(:disabled){transform:scale(.98)}.pos-card.off{opacity:.55}.pos-card>b,.pos-card>small,.pos-card>strong{padding:0 12px}.pos-card>strong{font:500 17px/1.2 var(--sk-serif);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px}.pos-card>small{color:var(--sk-muted);font-size:12px}.pos-card>b{font-size:15px;font-variant-numeric:tabular-nums}.pos-photo{position:relative;aspect-ratio:1/1;background:linear-gradient(160deg,var(--sk-sand),var(--sk-gold-soft));display:block}.pos-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.pos-tile{position:absolute;inset:0;display:grid;place-items:center;font:italic 400 38px var(--sk-serif);color:var(--sk-gold-deep)}.pos-badge{position:absolute;top:8px;left:8px;font-style:normal;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:#fff;color:var(--sk-ink)}.pos-badge.out{background:var(--sk-ink);color:var(--sk-ivory)}.pos-badge.low{background:#fff0d6;color:#7a5200}.pos-ticket{display:flex;flex-direction:column;min-height:0;background:var(--sk-paper);border-left:1px solid var(--sk-line)}.pos-ticket>header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 8px}.pos-ticket h2{font:500 26px var(--sk-serif);margin:0}.pos-customer{margin:0 18px 4px;padding:8px 12px;background:var(--sk-sand);border-radius:8px;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:8px}.pos-lines{list-style:none;margin:0;padding:4px 18px;overflow-y:auto;flex:1}.pos-line{display:grid;grid-template-columns:56px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--sk-line)}.pos-thumb{width:56px;height:56px;border-radius:8px;overflow:hidden;position:relative;background:var(--sk-sand)}.pos-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pos-thumb .pos-tile{font-size:22px;font-style:normal}.pos-line-main{min-width:0;display:grid;gap:2px;align-content:start}.pos-line-main strong{font-size:14px;font-weight:600;line-height:1.25}.pos-line-main small{color:var(--sk-muted);font-size:12px}.pos-line-main small.pos-discount{color:var(--sk-ok)}.pos-line-side{display:grid;justify-items:end;align-content:start;gap:6px;font-variant-numeric:tabular-nums}.pos-line-side b{font-size:15px}.pos-stepper{display:inline-flex;margin-top:6px;border:1px solid var(--sk-line-strong);border-radius:8px;overflow:hidden;width:-moz-fit-content;width:fit-content;background:#fff}.pos-stepper button{width:38px;height:38px;border:0;background:transparent;font-size:20px;line-height:1;color:var(--sk-ink)}.pos-stepper button:hover:not(:disabled){background:var(--sk-gold-soft)}.pos-stepper input{width:46px;border:0;border-inline:1px solid var(--sk-line);text-align:center;font-size:15px;font-weight:600;background:transparent;color:var(--sk-ink)}.pos-link{background:none;border:0;padding:2px 0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sk-gold-deep);text-decoration:underline;text-underline-offset:3px}.pos-link.danger{color:var(--sk-error)}.pos-ticket>footer{padding:14px 18px 18px;border-top:1px solid var(--sk-line);background:var(--sk-paper)}.pos-totals{margin:0 0 10px;display:grid;gap:4px}.pos-totals div{display:flex;justify-content:space-between;font-size:14px;color:var(--sk-ink-soft)}.pos-totals dd,.pos-totals dt{margin:0}.pos-totals .grand{font:500 30px var(--sk-serif);color:var(--sk-ink);align-items:baseline;padding-top:6px}.pos-totals .grand small{font:400 12px var(--sk-sans);color:var(--sk-muted);margin-left:6px}.pos-totals dd{font-variant-numeric:tabular-nums}.pos-ticket-tools{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin-bottom:10px}.pos-actions button,.pos-add,.pos-closeform button,.pos-newcustomer button,.pos-quick button,.pos-row-actions button,.pos-table button,.pos-ticket-tools button{padding:12px 14px;border:1px solid var(--sk-ink);border-radius:10px;background:transparent;color:var(--sk-ink);font-size:13px;font-weight:600;letter-spacing:.04em}.pos-actions button:hover:not(:disabled),.pos-quick button:hover,.pos-table button:hover,.pos-ticket-tools button:hover:not(:disabled){background:var(--sk-ink);color:var(--sk-ivory)}button.danger{color:var(--sk-error)!important;border-color:var(--sk-error)!important}button.danger:hover:not(:disabled){background:var(--sk-error)!important;color:#fff!important}.pos-pay{width:100%;min-height:60px;border:0;border-radius:12px;background:var(--sk-ink);color:var(--sk-ivory);font:600 18px var(--sk-sans);letter-spacing:.02em;display:flex;justify-content:center;align-items:center;gap:12px;transition:background .2s}.pos-pay:hover:not(:disabled){background:var(--sk-gold-deep)}.pos-pay kbd{font:500 11px var(--sk-sans);padding:2px 6px;border:1px solid rgba(255,255,255,.35);border-radius:4px;opacity:.75}.pos-app .primary{background:var(--sk-ink);color:var(--sk-ivory);border-color:var(--sk-ink)}.pos-app .primary:hover:not(:disabled){background:var(--sk-gold-deep);border-color:var(--sk-gold-deep);color:var(--sk-ivory)}.pos-app .primary.big{min-height:54px;font-size:16px;padding:14px 26px;border-radius:12px}.pos-scrim{position:fixed;inset:0;z-index:100;background:rgba(21,17,14,.55);display:grid;place-items:center;padding:16px;backdrop-filter:blur(2px)}.pos-modal{width:min(480px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--sk-paper);border-radius:16px;padding:22px 24px 24px;box-shadow:0 30px 80px -20px rgba(21,17,14,.5)}.pos-modal.wide{width:min(680px,100%)}.pos-modal>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pos-modal h2{font:500 28px var(--sk-serif);margin:0}.pos-modal h3{font:500 20px var(--sk-serif);margin:16px 0 6px}.pos-x{border:0;background:none;font-size:28px;line-height:1;color:var(--sk-muted);padding:0 6px}.pos-modal label{display:grid;gap:6px;margin:12px 0;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sk-ink-soft)}.pos-modal input,.pos-modal select{padding:12px;border:1px solid var(--sk-line-strong);border-radius:8px;font-size:16px;background:#fff;color:var(--sk-ink);letter-spacing:0;text-transform:none;width:100%}.pos-modal input:focus{outline:none;border-color:var(--sk-gold);box-shadow:0 0 0 3px var(--sk-gold-soft)}.pos-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}.pos-two{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.pos-due{display:grid;text-align:center;padding:12px 0 8px}.pos-due small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--sk-muted)}.pos-due strong{font:500 56px/1.05 var(--sk-serif);font-variant-numeric:lining-nums}.pos-tenders{list-style:none;margin:8px 0;padding:0;display:grid;gap:12px}.pos-tenders>li{border:1px solid var(--sk-line);border-radius:12px;padding:12px 14px;background:#fff}.pos-methods{display:flex;flex-wrap:wrap;gap:6px}.pos-methods button{padding:10px 14px;border:1px solid var(--sk-line-strong);border-radius:8px;background:var(--sk-paper);font-size:13px;font-weight:500;color:var(--sk-ink)}.pos-methods button.on{background:var(--sk-ink);color:var(--sk-ivory);border-color:var(--sk-ink)}.pos-tender-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:0 12px;align-items:end}.pos-quick{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 2px}.pos-quick button{padding:10px 14px}.pos-add{width:100%;margin-top:4px;border-style:dashed;border-color:var(--sk-line-strong);color:var(--sk-ink-soft)}.pos-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:14px 0 4px}.pos-sum>div{background:var(--sk-sand);border-radius:10px;padding:10px 12px}.pos-sum dt{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--sk-muted)}.pos-sum dd{margin:2px 0 0;font:500 21px var(--sk-serif);font-variant-numeric:lining-nums}.pos-sum .change{background:var(--sk-ink)}.pos-sum .change dt{color:color-mix(in srgb,var(--sk-ivory) 70%,transparent)}.pos-sum .change dd{color:var(--sk-ivory)}.pos-sum dd.ok{color:var(--sk-ok)}.pos-sum dd.bad{color:#ffb4b4}.pos-results{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}.pos-results>li>button:not(.danger){width:100%;text-align:left;display:grid;gap:2px;padding:12px 14px;border:1px solid var(--sk-line);border-radius:10px;background:#fff;color:var(--sk-ink)}.pos-results>li>button:hover{border-color:var(--sk-gold);background:var(--sk-gold-soft)}.pos-results small{color:var(--sk-muted);font-size:12px}.pos-held{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--sk-line);border-radius:10px;background:#fff}.pos-held small{display:block}.pos-row-actions{display:flex;gap:6px}.pos-row-actions button{padding:8px 12px}.pos-table{overflow:auto;border:1px solid var(--sk-line);border-radius:10px;background:#fff;margin:8px 0}.pos-table table{width:100%;border-collapse:collapse;font-size:14px}.pos-table th{background:var(--sk-sand);text-align:left;font:600 11px var(--sk-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sk-ink-soft)}.pos-table td,.pos-table th{padding:11px 14px;border-bottom:1px solid var(--sk-line)}.pos-table tr:last-child td{border-bottom:0}.pos-table button{padding:6px 12px}.pos-closeform{margin-top:14px}.pos-closeform,.pos-newcustomer{border-top:1px solid var(--sk-line)}.pos-newcustomer{margin-top:8px}.pos-receipt{width:100%;max-width:340px;margin:0 auto;padding:18px 16px;background:#fff;border:1px dashed var(--sk-line-strong);border-radius:6px;font:400 13px/1.5 ui-monospace,Cascadia Mono,Consolas,monospace;color:#000}.pos-receipt h3{font:600 20px var(--sk-serif);text-align:center;margin:0 0 4px}.pos-receipt-logo{display:block;max-height:48px;max-width:200px;margin:0 auto 6px;-o-object-fit:contain;object-fit:contain}.pos-receipt p{margin:2px 0}.pos-receipt .center{text-align:center}.pos-receipt .muted{color:#555;font-size:12px}.pos-receipt hr{border:0;border-top:1px dashed #888;margin:10px 0}.pos-receipt ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pos-receipt li{display:flex;justify-content:space-between;gap:10px}.pos-receipt li small{display:block;color:#555;font-size:11px}.pos-receipt .row{display:flex;justify-content:space-between}.pos-receipt .total{font-size:16px;font-weight:700}.pos-receipt .foot{margin-top:12px}.pos-back,.pos-mobilebar{display:none}@media (max-width:900px){.pos-top{flex-wrap:wrap;gap:8px;padding:8px 12px}.pos-selects{order:3;width:100%;margin:0}.pos-selects select{flex:1;max-width:none}.pos-pill-extra{display:none}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.pos-tender-fields,.pos-two{grid-template-columns:1fr}.pos-due strong{font-size:44px}}@media (min-width:701px) and (max-width:900px){.pos-body{grid-template-columns:minmax(0,1fr) 340px}.pos-ticket>header{padding:12px 14px 6px}.pos-ticket>footer{padding:12px 14px 14px}}@media (max-width:700px){.pos-body{grid-template-columns:1fr;position:relative}.pos-ticket{position:absolute;inset:0;z-index:20;transform:translateX(100%);transition:transform .25s var(--sk-ease);border-left:0}.pos-app.show-ticket .pos-ticket{transform:none}.pos-app.show-ticket .pos-mobilebar{display:none}.pos-back{display:inline-block;background:none;border:0;font-size:14px;font-weight:600;color:var(--sk-gold-deep);padding:8px 0;min-height:44px}.pos-ticket>header{display:grid;grid-template-columns:1fr auto;align-items:center}.pos-ticket>header .pos-back{grid-column:1/-1;justify-self:start}.pos-mobilebar{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:40;min-height:54px;border:0;border-radius:12px;background:var(--sk-ink);color:var(--sk-ivory);font:600 15px var(--sk-sans);box-shadow:var(--sk-shadow)}.pos-catalog{padding-bottom:90px}}@media print{@page{size:80mm auto;margin:4mm}body *{visibility:hidden!important}.pos-receipt,.pos-receipt *{visibility:visible!important}.pos-receipt{position:absolute;left:0;top:0;width:72mm;max-width:none;border:0;padding:0}.pos-scrim{position:static;background:none}.no-print{display:none!important}}.pos-modal .pos-actions{position:sticky;bottom:-24px;background:var(--sk-paper);padding:12px 0 2px;margin-bottom:-4px}.pos-warn{background:#fff0d6;border-left:3px solid #d8a13a;color:#6b4a00;padding:10px 12px;border-radius:0 8px 8px 0;font-size:14px;margin:10px 0}.pos-returnlines{list-style:none;margin:10px 0;padding:0;display:grid;gap:10px}.pos-returnlines>li{border:1px solid var(--sk-line);border-radius:12px;padding:12px 14px;background:#fff}.pos-returnlines>li.on{border-color:var(--sk-gold);box-shadow:0 0 0 2px var(--sk-gold-soft)}.pos-rl-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.pos-rl-head small{display:block;color:var(--sk-muted);font-size:12px;margin-top:2px}.pos-rl-body{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-top:8px}.pos-rl-body .pos-inline,.pos-rl-body .wide,.pos-rl-refund{grid-column:1/-1}.pos-rl-refund{margin:4px 0 0;font-size:14px;color:var(--sk-ink-soft)}.pos-modal label.pos-inline{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-weight:400;font-size:14px}.pos-modal label.pos-inline input{width:18px;height:18px;accent-color:var(--sk-ink)}.pos-badge.static{position:static}.pos-refundplan{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}.pos-refundplan li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:var(--sk-sand);border-radius:10px}.pos-refundplan small{display:block;color:var(--sk-muted);font-size:12px;margin-top:2px;max-width:420px}.pos-refundplan b{font:500 24px var(--sk-serif);font-variant-numeric:lining-nums;white-space:nowrap}@media (max-width:900px){.pos-rl-body{grid-template-columns:1fr}}.pos-modal .pos-stepper{width:auto;flex:none}.pos-modal .pos-stepper input{width:52px;padding:8px 0;text-align:center;border:0;border-inline:1px solid var(--sk-line);border-radius:0;box-shadow:none}@media screen{.print-only{position:absolute;left:-9999px;top:0;width:300px}}.pos-approved{margin:0 18px 4px;padding:8px 12px;background:var(--sk-ok-bg);color:var(--sk-ok);border-radius:8px;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:8px}