/* ==========================================================
   🎨 ESTILOS ESPECIALES PARA ALERTAS (TOAST + DIALOG)
   SULY SYSTEMS · UI MODULAR
   ========================================================== */

/* ----------------------------------------------------------
   📱 FIX TOAST MOBILE — Evitar que quede detrás del header
   ---------------------------------------------------------- */
@media (max-width: 480px) {

  /* Contenedor del toast */
  .swal2-toast {
    top: 85px !important;        /* Debajo del header */
    bottom: auto !important;

    left: 10px !important;
    right: 10px !important;

    width: auto !important;
    max-width: calc(100% - 20px);

    position: fixed !important;
    z-index: 99999 !important;   /* Encima de todo */
    border-radius: 10px !important;
  }

  /* Evita que otros contenedores lo tapen */
  .swal2-container {
    z-index: 99998 !important;
  }
}

/* ----------------------------------------------------------
   💻 DESKTOP — Mantener estilo normal
   ---------------------------------------------------------- */
@media (min-width: 481px) {
  .swal2-toast {
    top: 15px !important;        /* posición estándar top-end */
    right: 15px !important;
  }
}

/* ==========================================================
   📱 FIX PARA TOAST DE BOOTSTRAP (el del <div id="toast">)
   ========================================================== */
@media (max-width: 480px) {

  #toast.toast {
    position: fixed !important;
    top: 85px !important;           /* Debajo del header */
    right: 10px !important;
    left: 10px !important;

    width: auto !important;
    max-width: calc(100% - 20px);

    z-index: 99999 !important;
    border-radius: 10px !important;
  }
}

/* Desktop normal */
@media (min-width: 481px) {
  #toast.toast {
    top: 20px !important;
    right: 20px !important;
  }
}