/* Completely hide Bootstrap modal backdrop */
.modal-backdrop,
.modal-backdrop.fade,
.modal-backdrop.show,
.modal-backdrop.fade.show {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    background: none !important;
}

/* Remove any modal open background changes */
body.modal-open {
    background: var(--primary-gradient) !important;
    overflow: auto !important;
}

/* Custom modal styling - no background overlay */
.modal {
    z-index: 1050 !important;
    pointer-events: auto !important;
    background: transparent !important; /* Remove gray background */
}

.modal.show {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important; /* Ensure no background */
}

.modal-dialog {
    z-index: 1060 !important;
    position: relative;
    pointer-events: auto !important;
    margin: 0 !important;
    max-width: 500px !important;
    width: 90% !important;
}

.modal-content {
    border: none;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(20px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    pointer-events: auto !important;
}

/* Ensure all interactive elements are clickable */
.modal-footer .btn,
.modal-header .btn-close,
.modal-body input,
.modal-body select,
.modal-body button,
.modal-body label {
    position: relative;
    z-index: 1070;
    pointer-events: auto !important;
}

/* Modal header styling */
.modal-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 15px 15px 0 0;
}

.modal-title {
    font-weight: 600;
}

/* Form styling inside modal */
.modal-body .form-control,
.modal-body .form-select {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
}

.modal-body .form-control:focus,
.modal-body .form-select:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}