/* SweetAlert2 theme layer — a small, token-driven skin over the vendored sweetalert2.min.css (loaded
   first, which supplies the base layout/animation). Only the surface, text, border, radius, shadow and
   spacing are re-tinted from the platform design tokens so dialogs + toasts look native and a host
   re-skins them centrally (coding-standards §4/§12). Buttons are NOT styled here — they come from the
   shared `.platform-btn` system (dialogs run with buttonsStyling:false). Scoped to our own popup
   classes (`.platform-swal`, `.platform-toast`) so no other SweetAlert instance is affected. */

.platform-swal {
    color: var(--platform-color-text);
    background: var(--platform-color-surface);
    border: 1px solid var(--platform-color-border);
    border-radius: var(--platform-radius-md);
    box-shadow: var(--platform-shadow-md);
}

.platform-swal__title {
    color: var(--platform-color-text);
    font-size: var(--platform-font-size-lg);
}

.platform-swal__body {
    color: var(--platform-color-text-muted);
}

.platform-swal__actions {
    gap: var(--platform-space-sm);
}

/* Toast: same token surface, slightly smaller and lighter than a modal popup. The compound is
   deliberate: the vendored toast rule is `.swal2-popup.swal2-toast` (specificity 0-2-0), so a bare
   `.platform-toast` (0-1-0) loses on specificity regardless of load order — notably `background`
   (#fff, a white flash in dark mode) and `box-shadow`. Scoping with `.swal2-popup` matches 0-2-0 and
   wins on load order (this file loads after the vendor CSS), so every token-driven property applies. */
.swal2-popup.platform-toast {
    color: var(--platform-color-text);
    background: var(--platform-color-surface);
    border: 1px solid var(--platform-color-border);
    border-radius: var(--platform-radius-md);
    box-shadow: var(--platform-shadow-sm);
    font-size: var(--platform-font-size-sm);
}