:root{--pos-blue:#005bea;--pos-blue2:#0347b6;--pos-green:#0a9f55;--pos-bg:#f4f8fd;--pos-border:#dbe7f5;--pos-text:#0f172a;--pos-muted:#64748b;--pos-radius:16px;--pos-shadow:0 10px 24px rgba(15,23,42,.08)}
body.premium-pos-active{background:var(--pos-bg)!important;overflow:hidden!important}
body.premium-pos-active #view-pos{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;padding:10px!important;box-sizing:border-box!important;background:var(--pos-bg)!important}
body.premium-pos-active #view-pos .topbar{height:58px!important;min-height:58px!important;padding:0 18px!important;margin:0 0 10px!important;background:linear-gradient(135deg,#003f9e,#005bea)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-shadow:0 8px 20px rgba(0,61,156,.18)!important}
body.premium-pos-active #view-pos .topbar h1{color:#fff!important;font-size:28px!important;line-height:1!important;margin:0!important;font-weight:1000!important}
body.premium-pos-active #view-pos .topbar p{display:none!important}
body.premium-pos-active #view-pos .pos-layout{display:grid!important;grid-template-columns:minmax(300px,.86fr) minmax(430px,1.28fr) minmax(360px,.96fr)!important;gap:12px!important;height:calc(100dvh - 78px)!important;max-height:calc(100dvh - 78px)!important;overflow:hidden!important;align-items:stretch!important}
body.premium-pos-active #view-pos .premium-pos-col{height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--pos-border)!important;border-radius:var(--pos-radius)!important;box-shadow:var(--pos-shadow)!important;box-sizing:border-box!important}
body.premium-pos-active #view-pos .premium-pos-left,body.premium-pos-active #view-pos .premium-pos-cart,body.premium-pos-active #view-pos .premium-pos-payment{display:flex!important;flex-direction:column!important;gap:12px!important;padding:14px!important}
body.premium-pos-active #view-pos .premium-section-title,body.premium-pos-active #view-pos .premium-pos-cart .card-title,body.premium-pos-active #view-pos .premium-pos-payment .card-title{background:linear-gradient(135deg,#005bea,#0347b6)!important;color:#fff!important;border-radius:14px 14px 0 0!important;min-height:46px!important;height:46px!important;line-height:46px!important;padding:0 16px!important;margin:0!important;font-size:18px!important;font-weight:1000!important;letter-spacing:.01em!important}
body.premium-pos-active #view-pos .premium-search-box{flex:0 0 auto!important;background:#fff!important;border:1px solid var(--pos-border)!important;border-radius:14px!important;padding:12px!important}
body.premium-pos-active #view-pos .premium-pos-left .toolbar{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(125px,.62fr) 86px!important;gap:10px!important;align-items:end!important;margin:0!important;padding:0!important}
body.premium-pos-active #view-pos .premium-pos-left .toolbar label{color:#43526b!important;font-size:12px!important;font-weight:900!important;line-height:1!important;margin:0 0 5px!important}
body.premium-pos-active #view-pos #posSearch,body.premium-pos-active #view-pos #posPromo{min-height:44px!important;height:44px!important;border:1.5px solid #b9cdec!important;border-radius:10px!important;padding:0 12px!important;font-size:16px!important;font-weight:700!important;background:#fff!important;color:var(--pos-text)!important}
body.premium-pos-active #view-pos .premium-pos-left .toolbar .btn{min-height:44px!important;height:44px!important;border-radius:10px!important;font-size:14px!important;font-weight:900!important}
body.premium-pos-active #view-pos .premium-receipt-box{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;background:#fff!important;border:1px solid var(--pos-border)!important;border-radius:14px!important;padding:0!important}
body.premium-pos-active #view-pos .premium-receipt-box .card-title{background:#fff!important;color:#0052c8!important;border-radius:14px 14px 0 0!important;min-height:42px!important;height:42px!important;line-height:42px!important;padding:0 16px!important;border-bottom:1px solid #e9eff8!important;font-size:16px!important;font-weight:1000!important}
body.premium-pos-active #view-pos .premium-receipt-box .receipt-preview,body.premium-pos-active #view-pos .premium-receipt-box [class*="receipt" i],body.premium-pos-active #view-pos .premium-receipt-box [id*="receipt" i]{max-height:none!important;height:auto!important;display:block!important}
body.premium-pos-active #view-pos .premium-receipt-box table th,body.premium-pos-active #view-pos .premium-receipt-box table td{font-size:11px!important;padding:4px!important}
body.premium-pos-active #view-pos .premium-pos-cart{padding:0!important}
body.premium-pos-active #view-pos .premium-pos-cart .cart-title-wrap{flex:0 0 auto!important;background:linear-gradient(135deg,#005bea,#0347b6)!important;border-radius:14px 14px 0 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
body.premium-pos-active #view-pos .premium-pos-cart .card-title{border-radius:14px 0 0 0!important;flex:1 1 auto!important}
body.premium-pos-active #view-pos .premium-pos-cart .premium-clear-cart{margin-right:12px!important;height:34px!important;min-height:34px!important;padding:0 12px!important;border-radius:9px!important;border:1px solid rgba(255,255,255,.8)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:13px!important;font-weight:900!important}
body.premium-pos-active #view-pos .premium-pos-cart .table-wrap{flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:auto!important;border:0!important;border-radius:0!important}
body.premium-pos-active #view-pos .premium-pos-cart table{width:100%!important;min-width:620px!important;border-collapse:collapse!important}
body.premium-pos-active #view-pos .premium-pos-cart thead th{position:sticky!important;top:0!important;z-index:3!important;background:#f8fafc!important;color:#334155!important;font-size:12px!important;padding:12px 10px!important;border-bottom:1px solid #e2e8f0!important;text-align:left!important}
body.premium-pos-active #view-pos .premium-pos-cart tbody td{color:var(--pos-text)!important;font-size:14px!important;padding:12px 10px!important;border-bottom:1px solid #edf2f7!important;vertical-align:middle!important}
body.premium-pos-active #view-pos .premium-pos-cart button,body.premium-pos-active #view-pos .premium-pos-cart .btn{min-height:32px!important;border-radius:9px!important;font-size:13px!important;font-weight:900!important}
body.premium-pos-active #view-pos .premium-cart-footer{flex:0 0 auto!important;border-top:1px solid #e2e8f0!important;background:#fff!important;padding:12px 16px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;align-items:end!important}
body.premium-pos-active #view-pos .premium-cart-total-lines{display:grid!important;gap:8px!important}
body.premium-pos-active #view-pos .premium-cart-total-lines .line{display:flex!important;justify-content:space-between!important;gap:12px!important;font-size:14px!important;color:#334155!important;font-weight:700!important}
body.premium-pos-active #view-pos .premium-cart-total-lines .total{border-top:1px solid #cbd5e1!important;padding-top:8px!important;font-size:18px!important;font-weight:1000!important}
body.premium-pos-active #view-pos .premium-cart-total-lines .total strong{color:#087f45!important;font-size:24px!important}
body.premium-pos-active #view-pos .premium-pos-payment{padding:0!important;overflow:auto!important}
body.premium-pos-active #view-pos .premium-pos-payment > *:not(.card-title){margin-left:16px!important;margin-right:16px!important}
body.premium-pos-active #view-pos .premium-pos-payment .card-title{margin:0!important;border-radius:14px 14px 0 0!important}
body.premium-pos-active #view-pos .premium-pos-payment p{color:var(--pos-muted)!important;font-size:12px!important;margin:10px 16px 8px!important}
body.premium-pos-active #view-pos .cashier-main-actions{display:grid!important;grid-template-columns:1fr 1.25fr 1fr!important;gap:10px!important;background:#f8fbff!important;border:1px solid #e4edf8!important;border-radius:16px!important;padding:10px!important;margin:10px 16px!important}
body.premium-pos-active #view-pos .cashier-main-actions .btn{height:56px!important;min-height:56px!important;border-radius:12px!important;font-size:18px!important;font-weight:1000!important}
body.premium-pos-active #view-pos .cashier-main-actions .cashier-pay-btn{background:#0aa36a!important;font-size:24px!important;color:#fff!important}
body.premium-pos-active #view-pos .summary-row{min-height:42px!important;display:grid!important;grid-template-columns:1fr minmax(130px,1fr)!important;gap:10px!important;align-items:center!important;padding:6px 0!important;border-bottom:1px dashed #e2e8f0!important}
body.premium-pos-active #view-pos .summary-row span,body.premium-pos-active #view-pos .summary-row strong{font-size:14px!important;font-weight:900!important;color:var(--pos-text)!important}
body.premium-pos-active #view-pos .summary-row input,body.premium-pos-active #view-pos .summary-row select{height:42px!important;min-height:42px!important;border-radius:10px!important;border:1px solid #cbd5e1!important;font-size:16px!important;font-weight:900!important;padding:0 10px!important}
body.premium-pos-active #view-pos .summary-row.total{grid-template-columns:1fr auto!important;min-height:64px!important;background:#eafff3!important;border:1px solid #8df0b8!important;border-radius:14px!important;padding:0 16px!important;margin:12px 16px!important}
body.premium-pos-active #view-pos .summary-row.total span:first-child{color:#087f45!important;font-size:20px!important;font-weight:1000!important}
body.premium-pos-active #view-pos .summary-row.total span:last-child,body.premium-pos-active #view-pos #cartTotal{color:#087f45!important;font-size:34px!important;font-weight:1000!important}
body.premium-pos-active #view-pos .payment-methods,body.premium-pos-active #view-pos .mode-of-payment-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:12px 16px 16px!important}
body.premium-pos-active #view-pos [class*="payment-option" i],body.premium-pos-active #view-pos .payment-methods button,body.premium-pos-active #view-pos .mode-of-payment-grid button{min-height:62px!important;border-radius:12px!important;font-size:16px!important;font-weight:1000!important}
body.premium-pos-active #view-pos .premium-helper-hidden{display:none!important}
body.premium-pos-active #tabletPosFinalSearchPanel,body.premium-pos-active #tabletPosSearchResults{position:fixed!important;z-index:500000!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:12px!important;box-shadow:0 14px 34px rgba(15,23,42,.22)!important;max-height:40vh!important;overflow:auto!important;padding:6px!important;width:min(420px,92vw)!important}
body.premium-pos-active #tabletPosFinalSearchPanel .row,body.premium-pos-active #tabletPosSearchResults .tps-row{min-height:44px!important;padding:8px 10px!important;border-radius:9px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important}
body.premium-pos-active #tabletPosFinalSearchPanel .name,body.premium-pos-active #tabletPosSearchResults .tps-name{font-size:13px!important;line-height:1.1!important;max-width:300px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:1000!important}
body.premium-pos-active #tabletPosFinalSearchPanel .sub,body.premium-pos-active #tabletPosSearchResults .tps-sub{font-size:10px!important;line-height:1.1!important;max-width:300px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.premium-pos-active #tabletPosFinalSearchPanel .price,body.premium-pos-active #tabletPosSearchResults .tps-price{font-size:13px!important;color:#087f45!important;font-weight:1000!important}
body.premium-pos-active .modal-overlay{z-index:700000!important}
body.premium-pos-active .modal-card{max-height:92dvh!important;overflow:auto!important}
@media (max-width:1280px),(max-height:760px){
body.premium-pos-active #view-pos{padding:6px!important}
body.premium-pos-active #view-pos .topbar{height:42px!important;min-height:42px!important;margin-bottom:6px!important}
body.premium-pos-active #view-pos .topbar h1{font-size:20px!important}
body.premium-pos-active #view-pos .pos-layout{grid-template-columns:minmax(250px,.82fr) minmax(360px,1.25fr) minmax(320px,.95fr)!important;gap:6px!important;height:calc(100dvh - 54px)!important;max-height:calc(100dvh - 54px)!important}
body.premium-pos-active #view-pos .premium-pos-left,body.premium-pos-active #view-pos .premium-pos-cart,body.premium-pos-active #view-pos .premium-pos-payment{padding:7px!important;gap:7px!important}
body.premium-pos-active #view-pos .premium-search-box{padding:7px!important}
body.premium-pos-active #view-pos .premium-pos-left .toolbar{grid-template-columns:minmax(135px,1fr) minmax(82px,.55fr) 54px!important;gap:5px!important}
body.premium-pos-active #view-pos .premium-pos-left .toolbar label{font-size:9px!important;margin-bottom:2px!important}
body.premium-pos-active #view-pos #posSearch,body.premium-pos-active #view-pos #posPromo{height:31px!important;min-height:31px!important;font-size:12px!important;padding:0 7px!important}
body.premium-pos-active #view-pos .premium-pos-left .toolbar .btn{height:31px!important;min-height:31px!important;font-size:10px!important;padding:0 6px!important}
body.premium-pos-active #view-pos .premium-section-title,body.premium-pos-active #view-pos .premium-pos-cart .card-title,body.premium-pos-active #view-pos .premium-pos-payment .card-title{height:30px!important;min-height:30px!important;line-height:30px!important;font-size:14px!important;padding:0 10px!important}
body.premium-pos-active #view-pos .premium-receipt-box .card-title{height:27px!important;min-height:27px!important;line-height:27px!important;font-size:13px!important}
body.premium-pos-active #view-pos .premium-pos-cart thead th{font-size:9px!important;padding:5px!important}
body.premium-pos-active #view-pos .premium-pos-cart tbody td{font-size:10px!important;padding:5px!important}
body.premium-pos-active #view-pos .premium-pos-cart button,body.premium-pos-active #view-pos .premium-pos-cart .btn{min-height:26px!important;font-size:10px!important;padding:2px 6px!important}
body.premium-pos-active #view-pos .premium-cart-footer{padding:6px 8px!important;gap:6px!important}
body.premium-pos-active #view-pos .premium-cart-total-lines .line{font-size:11px!important}
body.premium-pos-active #view-pos .premium-cart-total-lines .total strong{font-size:18px!important}
body.premium-pos-active #view-pos .cashier-main-actions{padding:5px!important;gap:5px!important;margin:5px 7px!important}
body.premium-pos-active #view-pos .cashier-main-actions .btn{height:34px!important;min-height:34px!important;font-size:11px!important}
body.premium-pos-active #view-pos .cashier-main-actions .cashier-pay-btn{font-size:16px!important}
body.premium-pos-active #view-pos .premium-pos-payment > *:not(.card-title){margin-left:7px!important;margin-right:7px!important}
body.premium-pos-active #view-pos .premium-pos-payment p{display:none!important}
body.premium-pos-active #view-pos .summary-row{min-height:27px!important;padding:2px 0!important}
body.premium-pos-active #view-pos .summary-row span,body.premium-pos-active #view-pos .summary-row strong{font-size:10px!important}
body.premium-pos-active #view-pos .summary-row input,body.premium-pos-active #view-pos .summary-row select{height:28px!important;min-height:28px!important;font-size:11px!important}
body.premium-pos-active #view-pos .summary-row.total{min-height:42px!important;margin:7px!important;padding:0 10px!important}
body.premium-pos-active #view-pos .summary-row.total span:first-child{font-size:14px!important}
body.premium-pos-active #view-pos .summary-row.total span:last-child,body.premium-pos-active #view-pos #cartTotal{font-size:22px!important}
body.premium-pos-active #view-pos .payment-methods,body.premium-pos-active #view-pos .mode-of-payment-grid{gap:6px!important;margin:7px!important}
body.premium-pos-active #view-pos [class*="payment-option" i],body.premium-pos-active #view-pos .payment-methods button,body.premium-pos-active #view-pos .mode-of-payment-grid button{min-height:38px!important;font-size:11px!important}
}
@media (max-width:980px){
body.premium-pos-active{overflow:auto!important}
body.premium-pos-active #view-pos{overflow:auto!important}
body.premium-pos-active #view-pos .pos-layout{display:grid!important;grid-template-columns:1fr!important;height:auto!important;max-height:none!important;overflow:visible!important}
}