/* Albaraka POS Ultra — v0.14.23
   Scope: POS only. Keeps checkout/payment controls permanently visible on desktop. */
#posPage{--pos-navy:#071b3c;--pos-navy2:#0d3c7b;--pos-blue:#1468e8;--pos-blue2:#4b92ff;--pos-gold:#e4b44c;--pos-ink:#10213d;--pos-soft:#f4f8fd;position:relative;padding-bottom:4px}
#posPage .pos-page-head{margin:0 0 10px!important;min-height:92px;padding:16px 20px!important;border:1px solid rgba(255,255,255,.78);border-radius:24px;background:linear-gradient(118deg,rgba(7,27,60,.985),rgba(13,60,123,.97) 62%,rgba(20,104,232,.92));box-shadow:0 22px 50px rgba(10,48,101,.18);color:#fff;align-items:center!important;overflow:hidden;position:relative}
#posPage .pos-page-head:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;inset:-190px auto auto -90px;background:radial-gradient(circle,rgba(228,180,76,.22),transparent 66%);pointer-events:none}
#posPage .pos-page-head:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:34%;bottom:-205px;border:1px solid rgba(255,255,255,.11);box-shadow:0 0 0 40px rgba(255,255,255,.018);pointer-events:none}
#posPage .pos-page-head>div:first-child{position:relative;z-index:1;min-width:220px}
#posPage .pos-page-head .eyebrow{margin:0 0 5px;color:#8fc0ff!important;font-size:11px!important;letter-spacing:.3px}
#posPage .pos-page-head h2{font-size:29px!important;line-height:1.15;margin:0!important;color:#fff!important;letter-spacing:-.5px}
#posPage .pos-subtitle{color:#c9dbf6!important;margin:7px 0 0!important;font-size:11px!important}
#posPage .pos-actionbar{position:relative;z-index:2;display:flex!important;justify-content:flex-start;gap:8px;min-width:0!important;max-width:760px;flex-wrap:nowrap}
#posPage .pos-action{min-height:54px!important;min-width:128px;padding:8px 10px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important;backdrop-filter:blur(12px);transform:none!important}
#posPage .pos-action:before{display:none!important}
#posPage .pos-action:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.26)!important}
#posPage .pos-action-icon{width:35px!important;height:35px!important;border-radius:11px!important;background:rgba(255,255,255,.11)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important}
#posPage .pos-action-copy strong{font-size:11px!important;color:#fff!important}#posPage .pos-action-copy small{font-size:8px!important;color:#b9cce8!important}
#posPage .pos-action-new{background:linear-gradient(135deg,#d5a437,#f0c75d)!important;color:#14213a!important;border-color:rgba(255,225,153,.65)!important;box-shadow:0 10px 22px rgba(228,180,76,.2)!important}
#posPage .pos-action-new .pos-action-icon{background:rgba(255,255,255,.28)!important;color:#14213a!important}#posPage .pos-action-new .pos-action-copy strong,#posPage .pos-action-new .pos-action-copy small{color:#14213a!important}
#posPage .pos-action-cancel .pos-action-icon{background:rgba(255,104,116,.14)!important;color:#ffb7bd!important}#posPage .pos-action-hold .pos-action-icon{background:rgba(179,140,255,.14)!important;color:#d9c5ff!important}
#posPage .pos-action-count{background:#fff!important;color:#0d4da8!important;box-shadow:none!important}

#posPage .pos-grid{display:grid!important;grid-template-columns:minmax(0,1.72fr) minmax(360px,.72fr)!important;gap:12px!important;align-items:stretch!important}
#posPage .products-panel,#posPage .pos-checkout-card{border-radius:24px!important;border:1px solid rgba(211,224,241,.92)!important;background:rgba(255,255,255,.965)!important;box-shadow:0 18px 48px rgba(24,55,97,.09)!important}
#posPage .products-panel{padding:15px 17px!important;overflow:hidden}
#posPage .pos-products-title{margin-bottom:9px!important}#posPage .pos-products-title strong{font-size:16px!important}#posPage .pos-products-title small{font-size:10px!important}
#posPage .pos-live-dot{padding:5px 9px!important;background:#eaf9f2!important;border:1px solid #d5f0e4!important}
#posPage .pos-searchbar{height:50px;margin-bottom:9px!important;border-radius:15px!important;background:#f6f9fd!important;box-shadow:inset 0 1px 0 #fff}
#posPage .category-chips{margin-bottom:8px!important;padding-bottom:2px!important}.chip{padding:7px 12px!important;font-size:11px!important}
#posPage .products-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:10px!important;max-height:calc(100vh - 335px);overflow:auto;padding:2px 3px 10px;scrollbar-width:thin}
#posPage .product{border-radius:18px!important;border-color:#e3eaf4!important;box-shadow:0 7px 18px rgba(28,59,100,.055)!important}
#posPage .product:hover{transform:translateY(-2px)!important;box-shadow:0 15px 28px rgba(25,64,117,.12)!important;border-color:#b7d0f1!important}
#posPage .product-art{height:118px!important}.product-info{padding:9px 10px 10px!important}.product h4{font-size:13px!important}.product-price-row{margin-top:7px!important}.product-price-row strong{font-size:16px!important}
#posPage .product-price-row>span{background:var(--pos-navy2)!important;border-radius:9px!important;padding:5px 8px!important}

#posPage .pos-checkout-card{padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;position:relative!important;min-width:0}
#posPage .pos-checkout-card:before{height:4px!important;border-radius:24px 24px 0 0!important;background:linear-gradient(90deg,var(--pos-gold),#f4d47e 36%,var(--pos-blue) 78%)!important}
#posPage .pos-cart-kicker{flex:0 0 auto;margin:0;padding:13px 14px 9px!important;background:linear-gradient(180deg,#fbfdff,#fff);border-bottom:1px solid #eef2f7}
#posPage .pos-cart-kicker strong{font-size:15px!important}.pos-cart-icon{background:linear-gradient(135deg,#fff3cf,#edf5ff)!important}
#posPage .premium-invoice-meta{flex:0 0 auto;margin:9px 11px 8px!important;padding:10px 11px!important;border-radius:15px!important;background:linear-gradient(135deg,#f5f9ff,#fffaf0)!important}
#posPage #invoiceCustomer{min-width:0!important;width:100%;padding:7px 8px!important;font-size:12px}
#posPage #invoiceNo{font-size:15px!important}
#posPage .cart-items{flex:1 1 auto!important;min-height:72px!important;max-height:none!important;overflow:auto!important;margin:0 11px 8px!important;border-radius:14px!important;background:#f8fbff!important;border:1px solid #edf2f8!important;padding:5px 8px!important}
#posPage .cart-items .empty-state{min-height:76px!important;padding:18px 8px!important}
#posPage .cart-row{padding:8px 3px!important;border-bottom:1px solid #edf1f6}#posPage .cart-row strong{font-size:12px}#posPage .cart-row small{font-size:10px}

#posPage .pos-payment-dock{flex:0 0 auto;position:relative;z-index:8;padding:9px 11px 11px;background:linear-gradient(180deg,rgba(255,255,255,.96),#fff 28%);border-top:1px solid #e8eef6;box-shadow:0 -12px 28px rgba(22,55,98,.055)}
#posPage .premium-cart-summary{padding:7px 10px!important;margin:0 0 7px!important;border-radius:14px!important;box-shadow:none!important;background:#f7faff!important;border:1px solid #e5edf7!important}
#posPage .premium-cart-summary>div{min-height:23px!important}#posPage .premium-cart-summary span{font-size:10px!important}#posPage .premium-cart-summary strong{font-size:12px!important}
#posPage .premium-cart-summary .grand{padding-top:5px!important;margin-top:3px!important}#posPage .premium-cart-summary .grand strong{font-size:19px!important;color:#0b4fa9!important}
#posPage #discountInput{height:30px!important;padding:4px 7px!important;max-width:74px!important;font-size:11px}
#posPage .payment-title{margin:0 1px 5px!important}#posPage .payment-title span{font-size:11px!important}#posPage .payment-title small{font-size:8px!important}
#posPage .premium-payment-methods{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:5px!important;margin:0 0 7px!important}
#posPage .premium-payment-methods .pay,#posPage .payment-methods .pay-final150,#posPage .payment-methods .fr151-pay{min-height:36px!important;padding:5px 2px!important;border-radius:10px!important;font-size:10px!important;border:1px solid #dfe7f2!important;background:#fff!important;color:#304765!important;box-shadow:none!important;transform:none!important}
#posPage .premium-payment-methods .pay.active,#posPage .payment-methods .pay-final150.active,#posPage .payment-methods .fr151-pay.active{background:linear-gradient(135deg,#0a438f,#176de9)!important;color:#fff!important;border-color:#1768e8!important;box-shadow:0 6px 13px rgba(23,104,232,.17)!important}
#posPage #checkoutBtn{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;min-height:54px!important;height:54px!important;margin:0!important;border-radius:14px!important;background:linear-gradient(135deg,#d5a437 0%,#f0c75d 48%,#e4b44c 100%)!important;color:#17233a!important;border:1px solid #f6dc98!important;box-shadow:0 12px 24px rgba(210,163,55,.24)!important;align-items:center!important;justify-content:center!important;gap:13px!important;font-size:14px!important;font-weight:900!important;position:relative!important;inset:auto!important;flex:0 0 54px!important;overflow:hidden}
#posPage #checkoutBtn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.35) 46%,transparent 68%);transform:translateX(-120%);transition:.45s}
#posPage #checkoutBtn:hover:before{transform:translateX(120%)}
#posPage #checkoutBtn>span{display:grid;gap:0;text-align:center;line-height:1.2;position:relative;z-index:1}#posPage #checkoutBtn>span strong{font-size:14px}#posPage #checkoutBtn>span small{font-size:8px;font-weight:700;opacity:.72}#posPage #checkoutBtn>b{font-size:19px!important;position:relative;z-index:1}

@media(min-width:901px){
 #posPage.active{height:calc(100vh - 110px)!important;min-height:0!important;overflow:hidden!important}
 #posPage .pos-grid{height:calc(100vh - 214px)!important;min-height:0!important}
 #posPage .products-panel,#posPage .pos-checkout-card{height:100%!important;min-height:0!important}
}
@media(min-width:901px) and (max-height:790px){
 #posPage .pos-page-head{min-height:80px;padding:10px 15px!important}#posPage .pos-page-head h2{font-size:25px!important}#posPage .pos-subtitle{display:none}
 #posPage .pos-action{min-height:48px!important;min-width:115px!important;padding:6px 8px!important}.pos-action-icon{width:31px!important;height:31px!important}.pos-action-copy small{display:none!important}
 #posPage .pos-grid{height:calc(100vh - 187px)!important}
 #posPage .products-grid{max-height:calc(100vh - 292px)}
 #posPage .pos-cart-kicker{padding:9px 12px 6px!important}.pos-cart-icon{width:32px!important;height:32px!important}
 #posPage .premium-invoice-meta{margin:6px 9px!important;padding:7px 9px!important}#posPage .cart-items{margin:0 9px 5px!important;min-height:54px!important}
 #posPage .pos-payment-dock{padding:6px 9px 8px}.premium-cart-summary{margin-bottom:5px!important}.premium-payment-methods{margin-bottom:5px!important}#posPage #checkoutBtn{height:48px!important;min-height:48px!important;flex-basis:48px!important}
}
@media(max-width:1200px) and (min-width:901px){#posPage .pos-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.78fr)!important}#posPage .pos-actionbar{gap:6px}.pos-action{min-width:112px!important}.pos-action-copy small{display:none!important}}
@media(max-width:900px){#posPage.active{overflow:visible!important}#posPage .pos-page-head{align-items:flex-start!important;flex-direction:column!important}.pos-actionbar{width:100%;display:grid!important;grid-template-columns:repeat(2,1fr)!important}.pos-grid{grid-template-columns:1fr!important}.pos-checkout-card{min-height:560px}.products-grid{max-height:none!important}}