/* Modal Scrollable Styles */
.modal-dialog-scrollable {
    max-height: calc(100vh - 2rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
}

.modal-dialog-scrollable .modal-header {
    flex-shrink: 0;
    border-bottom: 1px solid #dee2e6;
}

.modal-dialog-scrollable .modal-body {
    flex: 1 1 auto;
    overflow-y: auto;
    max-height: calc(100vh - 200px);
    padding: 1.5rem;
}

.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0;
    border-top: 1px solid #dee2e6;
}

/* Custom Scrollbar for Modal Body */
.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
    width: 8px;
}

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

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

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

/* For Firefox */
.modal-dialog-scrollable .modal-body {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}