.nx-feedback-popup {
    border: 1px solid var(--fe-border, var(--be-border, rgba(75, 87, 120, .16)));
    border-radius: var(--fe-radius-lg, var(--be-radius-lg, 22px));
    box-shadow: var(--fe-shadow-raised, var(--be-shadow-raised, 0 18px 50px rgba(20, 27, 45, .22)));
    font-family: inherit;
}

.nx-feedback-title {
    color: var(--fe-text, var(--be-text, #31344b));
    font-size: 1.3rem;
    font-weight: 700;
}

.nx-feedback-content {
    color: var(--fe-text-muted, var(--be-text-muted, #66708b));
    line-height: 1.55;
}

.nx-feedback-button {
    min-height: 42px;
    padding: .65rem 1.15rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font: inherit;
    font-weight: 700;
    transition: transform .16s ease, box-shadow .16s ease;
}

.nx-feedback-button:hover {
    transform: translateY(-1px);
}

.nx-feedback-button:focus-visible {
    outline: none;
    box-shadow: var(--fe-focus, var(--be-focus, 0 0 0 3px rgba(49, 95, 174, .2)));
}

.nx-feedback-button--confirm {
    background: var(--fe-primary, var(--be-primary, #315fae));
    color: #fff;
}

.nx-feedback-button--cancel {
    border-color: var(--fe-border, var(--be-border, rgba(75, 87, 120, .16)));
    background: var(--fe-surface-recessed, var(--be-surface-recessed, #dfe3eb));
    color: var(--fe-text, var(--be-text, #31344b));
}

.swal2-timer-progress-bar {
    background: var(--fe-primary, var(--be-primary, #315fae));
}

@media (prefers-reduced-motion: reduce) {
    .swal2-popup,
    .nx-feedback-button {
        animation: none !important;
        transition: none !important;
    }
}
