/* SweetAlert2 — ajustes app + dark mode */
.swal2-container {
    z-index: 20000 !important;
}

.swal2-popup {
    border-radius: 1.25rem !important;
    box-shadow: 0 24px 70px rgba(18, 38, 63, 0.22) !important;
}

.swal2-title {
    font-size: clamp(1.25rem, 2vw, 1.55rem) !important;
    line-height: 1.25 !important;
}

.swal2-html-container {
    line-height: 1.55 !important;
}

.swal2-actions .swal2-styled {
    border-radius: 999px !important;
    min-height: 2.75rem;
    padding-inline: 1.35rem !important;
    font-weight: 700 !important;
}

.app-swal-domain-context {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #59677a;
    font-size: 0.85rem;
    font-weight: 700;
}

.app-swal-domain-context .bi {
    font-size: 1.05rem;
}

.app-swal-achievement {
    max-width: 34rem !important;
}

.app-swal-achievement__title {
    color: #173a5e !important;
}

.app-swal-achievement__image {
    margin-top: 1rem !important;
    max-height: 10rem;
    object-fit: contain;
}

.app-swal-dark.swal2-popup {
    background: #2a3140 !important;
    color: #e8eaef !important;
    border: 1px solid #5c6378;
}

.app-swal-dark .swal2-title,
.app-swal-dark .swal2-html-container,
.app-swal-dark .swal2-content {
    color: #e8eaef !important;
}

.app-swal-dark .app-swal-achievement__title {
    color: #f4f8fc !important;
}

.app-swal-dark .app-swal-domain-context {
    color: #d6dbe5;
}

.app-swal-dark .swal2-timer-progress-bar {
    background: rgba(97, 218, 251, 0.55);
}

:root[data-theme="dark"] .swal2-toast {
    background: #323848 !important;
    color: #e8eaef !important;
    border: 1px solid #5c6378;
}

:root[data-theme="dark"] .swal2-toast .swal2-title {
    color: #e8eaef !important;
}