/* alerts.css — SweetAlert2 + toastr shim (load after sweetalert2.all.min.js) */

:root,
body.portal-app,
body.portal-auth {
    --swal2-background: var(--portal-input-bg);
    --swal2-color: var(--portal-body-color);
    --swal2-border-radius: var(--portal-float-radius, 0.375rem);
    --swal2-backdrop: rgba(var(--portal-body-color-rgb), 0.45);
    --swal2-input-border: 1px solid var(--portal-border);
    --swal2-input-background: var(--portal-input-bg);
    --swal2-input-focus-border: 1px solid var(--portal-primary);
    --swal2-input-focus-box-shadow: var(--portal-float-focus-shadow);
    --swal2-footer-border-color: var(--portal-border);
    --swal2-footer-background: var(--portal-input-bg);
    --swal2-footer-color: var(--portal-muted);
    --swal2-close-button-color: var(--portal-muted);
    --swal2-timer-progress-bar-background: rgba(
        var(--portal-primary-rgb),
        0.55
    );
    --swal2-confirm-button-background-color: var(--portal-primary);
    --swal2-confirm-button-color: var(--portal-text-on-brand);
    --swal2-confirm-button-border-radius: 0.25rem;
    --swal2-cancel-button-background-color: var(--portal-danger);
    --swal2-cancel-button-color: var(--portal-text-on-brand);
    --swal2-cancel-button-border-radius: 0.25rem;
    --swal2-deny-button-background-color: var(--portal-muted);
    --swal2-deny-button-color: var(--portal-text-on-brand);
    --swal2-deny-button-border-radius: 0.25rem;
    --swal2-toast-border: 1px solid var(--portal-border);
    --swal2-toast-box-shadow: 0 0.125rem 0.5rem
        rgba(var(--portal-body-color-rgb), 0.12);
    --swal2-validation-message-background: var(--portal-danger-light);
    --swal2-validation-message-color: var(--portal-danger);
}

.swal2-popup.portal-swal-popup,
.swal2-popup.swal2-toast.portal-swal-toast {
    background: var(--portal-input-bg);
    color: var(--portal-body-color);
    border: 1px solid var(--portal-border);
    box-shadow: 0 0.125rem 0.5rem rgba(var(--portal-body-color-rgb), 0.12);
}

.swal2-popup.portal-swal-popup .swal2-title,
.swal2-popup.swal2-toast .swal2-title {
    color: var(--portal-body-color);
}

.swal2-popup.portal-swal-popup .swal2-html-container {
    color: var(--portal-muted);
}

.swal2-popup .swal2-icon.swal2-success {
    border-color: var(--portal-success);
    color: var(--portal-success);
}

.swal2-popup .swal2-icon.swal2-success .swal2-success-ring {
    border-color: rgba(var(--portal-success-rgb), 0.3);
}

.swal2-popup .swal2-icon.swal2-success [class^="swal2-success-line"] {
    background-color: var(--portal-success);
}

.swal2-popup .swal2-icon.swal2-error {
    border-color: var(--portal-danger);
    color: var(--portal-danger);
}

.swal2-popup .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
    background-color: var(--portal-danger);
}

.swal2-popup .swal2-icon.swal2-warning {
    border-color: var(--portal-warning);
    color: var(--portal-warning);
}

.swal2-popup .swal2-icon.swal2-info {
    border-color: var(--portal-primary);
    color: var(--portal-primary);
}

.swal2-popup .swal2-icon.swal2-question {
    border-color: var(--portal-primary);
    color: var(--portal-primary);
}