/* Property of Sistema THEAD. All rights reserved. */
/* -----------------------------------------------------------------------
   Project-wide popup theme. Linked LAST on every page so it unifies every
   SweetAlert popup regardless of per-page customClass, with !important
   direct overrides (load-order-proof against both SweetAlert's injected
   styles and the per-page popup rules):
     - no borders on any popup
     - one shared border-radius (--popup-radius)
     - a soft, subtle dark backdrop that fades in/out smoothly
   The custom settings modals (.settings-modal) are aligned to the same
   radius + a matching fade in settings/modal.css.
   ----------------------------------------------------------------------- */
:root {
    --popup-radius: 28px;
    --popup-backdrop: rgba(3, 40, 63, 0.45);
}

/* No borders, one radius — beats SweetAlert's --swal2-border-radius and any
   per-page `.swal-*-popup { border / border-radius }`. */
.swal2-popup {
    border: 0 !important;
    border-radius: var(--popup-radius) !important;
}

/* Soft navy backdrop, smoothly faded in and out. SweetAlert toggles
   swal2-backdrop-show / swal2-backdrop-hide on the container. */
.swal2-container.swal2-backdrop-show {
    background: var(--popup-backdrop) !important;
}
.swal2-container.swal2-backdrop-hide {
    background: rgba(3, 40, 63, 0) !important;
}
.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-backdrop-hide {
    transition: background-color 0.3s ease !important;
}