/* Modal Z-index Fix - Ensures modals appear above header */
.modal {
    z-index: 9999 !important;
}

.modal-backdrop {
    z-index: 9998 !important;
}

/* Ensure modal dialog is properly positioned */
.modal-dialog {
    z-index: 10000 !important;
}

/* Additional styling for better modal appearance */
.modal-content {
    border-radius: 0.5rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.modal-header.bg-theme {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.modal-body {
    max-height: 70vh;
    overflow-y: auto;
}

/* Custom scrollbar for modal body */
.modal-body::-webkit-scrollbar {
    width: 8px;
}

.modal-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.modal-body::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.modal-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}