/* Modals CSS */
.modal {
    background: var(--box-shadow);
}

.modal-content {
    background: var(--bg-color-body) !important;
    color: var(--text-color-body) !important;
    border-radius: 0.5rem;
}

.modal-header,
.modal-footer {
    border-color: var(--border-color);
}

.modal i {
    color: var(--text-color-body);
}

.modal .list-group-item {
    background: var(--bg-color-body);
    color: var(--text-color-body);
    border-color: var(--border-color);
}

.modal.zoom .modal-dialog {
    opacity: 0 !important;
    transform: scale(0.7) !important;
    transition: transform 0.3s ease;
}

.modal.zoom.show .modal-dialog {
    opacity: 1 !important;
    transform: scale(1) !important;
}

.modal.fade.zoom .modal-dialog {
    transition: transform 0.3s ease, opacity 0.3s ease;
}