/* Modal Scroll Fix */
/* Prevent body scroll when modal is open */
body.modal-open {
    overflow: hidden;
}

/* Make modal content scrollable */
.modal {
    overflow-y: auto;
}

/* Ensure modal content container is scrollable */
.modal-content {
    max-height: 90vh;
    overflow-y: auto;
}

/* Smooth scrolling for modal content */
.modal-content::-webkit-scrollbar {
    width: 8px;
}

.modal-content::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.modal-content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

.modal-content::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
}

/* Dark mode scrollbar */
.dark .modal-content::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
}

.dark .modal-content::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
}

.dark .modal-content::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}