/* pv-popup.css — Unified Parkvision modern SweetAlert2 theme (centered modals).
 *
 * Targets SweetAlert2's STANDARD classes directly (no injected class needed) so it
 * works regardless of the SweetAlert version a page loads — the customer portal mixes
 * an old vendor build (v7) with sweetalert2@11 from CDN on some pages. Toasts
 * (.swal2-toast) are excluded so they keep their compact look.
 *
 * !important is used deliberately: SweetAlert sets the confirm button colour as an
 * inline style, which a normal rule could not override. There are no destructive
 * (red) confirm buttons in the portal, so a brand-green confirm button is always correct.
 */

.swal2-popup:not(.swal2-toast),
.swal2-modal:not(.swal2-toast) {
    border-radius: 18px !important;
    padding: 2.2em 1.6em 1.7em !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22) !important;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.swal2-popup:not(.swal2-toast) .swal2-title {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    padding-top: 0.4em !important;
}

.swal2-popup:not(.swal2-toast) .swal2-html-container,
.swal2-popup:not(.swal2-toast) .swal2-content {
    font-size: 1.02rem !important;
    line-height: 1.5 !important;
    color: #475569 !important;
}

.swal2-popup:not(.swal2-toast) .swal2-actions {
    margin-top: 1.5em !important;
    gap: 10px !important;
}

.swal2-popup:not(.swal2-toast) .swal2-styled {
    border-radius: 12px !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    padding: 0.7em 2em !important;
    box-shadow: none !important;
    transition: filter 0.15s ease, transform 0.1s ease !important;
}

/* Brand-green confirm button (overrides SweetAlert's inline default colour). */
.swal2-popup:not(.swal2-toast) .swal2-styled.swal2-confirm {
    background-color: #10b981 !important;
}

.swal2-popup:not(.swal2-toast) .swal2-styled:hover { filter: brightness(0.96); }
.swal2-popup:not(.swal2-toast) .swal2-styled:active { transform: scale(0.98); }
.swal2-popup:not(.swal2-toast) .swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.3) !important;
}