@media screen{
html body #detailModal.market-payment-popup:not(.is-hidden){position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:18px!important;overflow:auto!important;background:#071326b8!important;backdrop-filter:blur(4px);z-index:1000!important;box-sizing:border-box}
html body[data-active-page="cashierPage"] #detailModal.market-payment-popup .detail-modal-card{position:relative!important;inset:auto!important;transform:none!important;width:min(660px,100%)!important;max-width:660px!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 36px)!important;overflow:auto!important;margin:auto!important;padding:20px!important;border:1px solid #c4d3e7!important;border-radius:18px!important;box-shadow:0 24px 90px #0005!important;box-sizing:border-box!important}
html body #detailModal.market-payment-popup #detailModalBody{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0!important}
html body #detailModal.market-payment-popup .detail-modal-card>.section-title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-bottom:10px!important;margin-bottom:12px!important;border-bottom:1px solid #d8e3f0!important}
html body #detailModal.market-payment-popup h2{font-size:20px!important;margin:2px 0!important}
html body #detailModal.market-payment-popup .payment-modal-summary{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:14px 16px!important;margin-bottom:12px!important;border-radius:12px!important;background:#183c70!important;color:#fff!important}
html body #detailModal.market-payment-popup .payment-modal-summary :is(span,strong){color:#fff!important}
html body #detailModal.market-payment-popup .payment-modal-summary strong{font-size:28px!important}
html body #detailModal.market-payment-popup .quick-payment-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
html body #detailModal.market-payment-popup .quick-payment-buttons button{min-height:40px!important;padding:7px!important;border-radius:9px!important;font-size:13px!important}
html body #detailModal.market-payment-popup .quick-payment-buttons button[aria-pressed="true"]{background:#1561d8!important;color:#fff!important;border-color:#1561d8!important}
html body #detailModal.market-payment-popup #posPaymentSelection{font-size:12px!important;margin:9px 0!important;color:#32609b!important}
html body #detailModal.market-payment-popup #posCheckoutGrid{display:flex!important;flex-direction:column!important;gap:12px!important;padding:12px!important;margin:0!important;border:1px solid #d4e0ef!important;border-radius:12px!important;width:100%!important;height:auto!important;min-height:0!important;box-sizing:border-box}
html body #detailModal.market-payment-popup label{display:grid!important;gap:5px!important;min-width:0!important;margin:0!important;font-size:12px!important}
html body #detailModal.market-payment-popup input,html body #detailModal.market-payment-popup select{width:100%!important;min-width:0!important;box-sizing:border-box!important;height:38px!important;min-height:38px!important;padding:7px 9px!important;font-size:13px!important;border-radius:8px!important}
html body #detailModal.market-payment-popup .pos-invoice-discount-panel{padding:10px!important;border-radius:10px!important;margin:0!important}
html body #detailModal.market-payment-popup .pos-invoice-discount-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
html body #detailModal.market-payment-popup .pos-invoice-discount-summary{font-size:10px!important;margin-top:6px!important}
html body #detailModal.market-payment-popup .pos-customer-strip{display:grid!important;grid-template-columns:1fr 1fr auto!important;align-items:end!important;gap:8px!important;padding:0!important;margin:0!important}
html body #detailModal.market-payment-popup #quickCustomerButton{min-height:38px!important;padding:7px 10px!important;font-size:11px!important}
html body #detailModal.market-payment-popup .pos-payment-split{padding:10px!important;border-radius:10px!important;min-width:0!important}
html body #detailModal.market-payment-popup .pos-payment-row{display:grid!important;grid-template-columns:70px minmax(0,1fr) 85px 30px!important;gap:6px!important;align-items:center!important;padding:5px 0!important}
html body #detailModal.market-payment-popup .pos-payment-method-label{font-size:11px!important}
html body #detailModal.market-payment-popup .pos-change-field{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:10px!important;border-radius:9px!important}
html body #detailModal.market-payment-popup .pos-change-field strong{font-size:22px!important}
html body #detailModal.market-payment-popup #posLoyaltyPanel{padding:10px!important;border-radius:9px!important;margin:0!important}
html body #detailModal.market-payment-popup .payment-modal-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin-top:12px!important;padding:0!important}
html body #detailModal.market-payment-popup .payment-modal-actions button{min-height:44px!important;border-radius:10px!important;font-size:13px!important;padding:8px 12px!important}
html body #detailModal.market-payment-popup #confirmSaleButton{background:#1262d9!important;background-image:none!important;color:#fff!important}
@media(max-width:560px){html body[data-active-page="cashierPage"] #detailModal.market-payment-popup .detail-modal-card{padding:14px!important}html body #detailModal.market-payment-popup .pos-customer-strip{grid-template-columns:1fr auto!important}html body #detailModal.market-payment-popup .pos-customer-strip>label:nth-child(2){grid-column:1/-1!important}html body #detailModal.market-payment-popup .pos-payment-row{grid-template-columns:minmax(0,1fr) 75px 28px!important}html body #detailModal.market-payment-popup .pos-payment-method-label{grid-column:1/-1!important}}
}