/* Scoped customer, quick payment and stock alert presentation. */
@media screen {
html body #salesCustomerModal .sales-customer-card {width:min(880px,100%)!important;height:auto!important;max-height:calc(100dvh - 32px)!important;overflow:hidden!important}
html body #salesCustomerModalBody {height:auto!important;min-height:0!important;max-height:calc(100dvh - 160px)!important;overflow:auto!important}
html body #salesCustomerModal #customerForm {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;min-height:0!important;height:auto!important}
html body #salesCustomerModal #customerForm > :is(.eyebrow,h2,.form-actions) {grid-column:1/-1!important}
html body #salesCustomerModal #customerForm > label {display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important;margin:0!important}
html body #salesCustomerModal #customerForm input:not([type=checkbox]) {width:100%!important;min-width:0!important;box-sizing:border-box!important;height:40px!important}
html body #salesCustomerModal #customerForm .switch-line {display:flex!important;align-items:center!important;gap:8px!important;min-height:40px!important}
html body #salesCustomerModal #customerActive {width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px!important}
html body #salesCustomerModal #customerForm .form-actions,
html body #detailModal .quick-supplier-payment > .form-actions {display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding-top:12px!important}
html body #salesCustomerModal #customerForm .form-actions button,
html body #detailModal .quick-supplier-payment > .form-actions button {width:auto!important;min-width:120px!important;flex:0 0 auto!important;white-space:nowrap!important}
html body[data-active-page] #detailModal:has(.quick-supplier-payment) .detail-modal-card {height:auto!important;min-height:0!important;max-height:calc(100dvh - 32px)!important;overflow:hidden!important}
html body[data-active-page] #detailModal:has(.quick-supplier-payment) #detailModalBody {display:block!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 130px)!important;overflow:auto!important}
html body #detailModal .quick-supplier-payment {min-height:0!important;height:auto!important}
html body #detailModal .quick-supplier-payment .modal-form-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:start!important}
html body #detailModal .quick-supplier-payment .modal-form-grid > label {display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important}
html body #detailModal .quick-supplier-payment .wide-field {grid-column:1/-1!important}
html body #detailModal .quick-supplier-payment :is(input,select) {width:100%!important;min-width:0!important;height:40px!important;box-sizing:border-box!important}
html body #quickSupplierPaymentNotice:empty {display:none!important}
html body[data-active-page] #inventoryServiceModal:has(#inventoryAlertsTab):not(.is-hidden) {position:static!important;inset:auto!important;display:block!important;background:transparent!important;backdrop-filter:none!important;padding:0!important;width:100%!important;height:auto!important;min-height:0!important}
html body[data-active-page] #inventoryServiceModal:has(#inventoryAlertsTab) > .inventory-service-card {width:100%!important;max-width:none!important;margin:0!important;height:auto!important;max-height:none!important}
html body[data-active-page] #inventoryServiceModal:has(#inventoryAlertsTab) #inventoryServiceBody {height:auto!important;max-height:none!important;overflow:visible!important}
}
@media screen and (max-width:800px) {
html body #detailModal .quick-supplier-payment .modal-form-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media screen and (max-width:520px) {
html body #salesCustomerModal #customerForm,
html body #detailModal .quick-supplier-payment .modal-form-grid {grid-template-columns:minmax(0,1fr)!important}
}