body:has(#pos-panel:not([hidden])){overflow:hidden}
#pos-panel:not([hidden]){position:fixed;inset:0;z-index:100;background:var(--background,#f4f5fa);overflow:auto;padding:20px 24px 28px;isolation:isolate}
#pos-panel>.heading{margin:0 0 12px;align-items:center}#pos-panel>.heading h2{font-size:1.35rem;margin:0}#pos-panel>.heading p{margin:4px 0 0}
#pos-panel #pos-cash-status{margin:0 0 12px}#pos-nav{margin-bottom:16px}#pos-panel .pos-layout{grid-template-columns:minmax(0,1fr) minmax(360px,480px);gap:20px;align-items:start}
#pos-panel .card{padding:18px;min-width:0}#pos-panel .pos-basket{min-height:calc(100dvh - 210px)}#pos-panel .pos-checkout{padding-bottom:0}
#pos-search{display:flex;align-items:end;gap:10px;margin-bottom:16px}#pos-search label{flex:1;min-width:0;margin:0}#pos-search button{width:auto;white-space:nowrap;margin:0}
#pos-products:not([hidden]){max-height:280px;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:8px;background:var(--surface,#fff);margin-bottom:16px}#pos-products .record{padding:10px;margin-bottom:6px}#pos-products .record p{margin:6px 0}#pos-products .record button{width:auto}
#pos-cart .record{padding:14px;margin-bottom:10px}#pos-cart .record>.form-grid{grid-template-columns:1fr 1fr}#pos-cart .record>button{width:auto;padding:6px 12px}#pos-cart:empty{display:none}
#pos-sale-form .form-grid{grid-template-columns:1fr 1fr;gap:10px}#pos-sale-form h3{font-size:1rem;margin:16px 0 8px}#pos-sale-form p.muted{font-size:.78rem;margin:8px 0}#pos-sale-form label{font-size:.8rem}
#pos-panel .pos-total{font-size:1.15rem;padding:14px;margin:12px 0}#pos-payment-shortcuts{gap:6px}#pos-payment-shortcuts button{min-width:80px;padding:8px 6px;font-size:.8rem}
.pos-checkout-footer{position:sticky;bottom:0;background:var(--surface,#fff);border-top:1px solid var(--border);padding:12px 0;z-index:2;box-shadow:0 -8px 16px rgba(25,35,55,.04)}
#pos-payment-summary{font-size:1rem;font-weight:700;padding:12px;border-radius:8px;margin:0 0 10px;background:var(--success-soft)}#pos-payment-summary[data-state=insufficient]{color:var(--danger,#b32230);background:var(--danger-soft)}
#pos-checkout-notice:not([hidden]),#pos-notice:not([hidden]){padding:12px;border-radius:8px;margin:0 0 10px;font-weight:600;overflow-wrap:anywhere}#pos-checkout-notice.password-error,#pos-notice.password-error{border:1px solid var(--danger,#b32230);background:var(--danger-soft)}#pos-notice:not([hidden]){position:sticky;top:0;z-index:5;background:var(--surface,#fff)}#pos-checkout-notice:focus,#pos-notice:focus{outline:2px solid var(--danger,#b32230);outline-offset:2px}
#pos-finish{font-size:1rem;min-height:44px}#pos-clear{margin-top:8px}
@media(max-width:850px){#pos-panel:not([hidden]){padding:14px}#pos-panel .pos-layout{grid-template-columns:1fr}#pos-panel .pos-basket{min-height:0}#pos-panel>.heading{flex-wrap:wrap;gap:10px}#pos-panel>.heading .actions{margin:0}#pos-panel #pos-nav{flex-wrap:wrap}.pos-checkout-footer{bottom:-1px}#pos-search{flex-wrap:wrap}#pos-search label{flex-basis:100%}#pos-search button{width:100%}}
@media(prefers-reduced-motion:reduce){#pos-panel{scroll-behavior:auto}}

@media(min-width:851px){#pos-panel .pos-checkout{height:calc(100dvh - 240px);min-height:400px;display:flex;flex-direction:column}#pos-sale-form{display:flex;flex-direction:column;flex:1;min-height:0;margin:0}.pos-payment-fields{overflow-y:auto;min-height:0;flex:1;padding-right:6px}.pos-checkout-footer{position:static;flex-shrink:0}}
#pos-panel .pos-customer-fields{display:grid;grid-template-columns:1fr 180px;gap:12px;margin:12px 0 18px}#pos-panel .pos-customer-fields>label:has(#pos-customer){grid-column:1}#pos-panel .pos-customer-fields>label{margin:0}
@media(max-width:850px){#pos-panel .pos-customer-fields{grid-template-columns:1fr}.pos-payment-fields{overflow:visible}}

#pos-panel>.heading{padding-bottom:8px}#pos-panel #pos-nav{padding:4px;margin-bottom:12px}#pos-panel #pos-nav button{padding:8px 14px}
@media(min-width:851px){#pos-panel .pos-checkout{height:calc(100dvh - 195px)}#pos-panel .pos-basket{min-height:calc(100dvh - 195px)}}
.pos-checkout-footer{display:grid;grid-template-columns:2fr 1fr;gap:8px}.pos-checkout-footer>p{grid-column:1/-1}#pos-finish,#pos-clear{width:100%;margin:0}#pos-payment-summary{margin-bottom:0}

body:has(#pos-panel:not([hidden])) main,body:has(#pos-panel:not([hidden])) .company-content{container-type:normal}