.modal-backdrop.show {
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
    opacity: 1 !important;
}


.secondary-action {
    margin-top: 0.4rem;
    background-color: var(--dash-bg-subtle);
    color: var(--dash-text-muted);
    border: none;
    border-radius: 14px;
    height: 48px;
    font-weight: 500;
}

    .secondary-action:hover {
        background-color: var(--dash-border);
        color: var(--dash-text);
    }

    .secondary-action:active {
        background-color: #dee2e6;
    }

.logout-modal .modal-footer {
    display: flex;
    flex-wrap: nowrap;
}

    .logout-modal .modal-footer > .btn {
        flex: 0 1 0;
    }

    .logout-modal .modal-footer > form {
        display: flex;
    }

        .logout-modal .modal-footer > form > .btn {
            width: 100%;
        }