/* Prevent scrolling when modal is open */
body.no-scroll {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
}

/* Make sure modals/overlays are properly layered */
[style*="position: fixed"][style*="z-index"] {
    background: rgba(0, 0, 0, 0.5);
}

/* Payment modals only - specific IDs */
#register-payment-modal,
#payment-history-modal,
#configure-plans-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.7) !important;
    z-index: 1000 !important;
    overflow-y: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: var(--spacing-lg) !important;
}

#register-payment-modal[style*="display: none"],
#payment-history-modal[style*="display: none"],
#configure-plans-modal[style*="display: none"] {
    display: none !important;
}