/* ------------------------------------------------------------------
   Toasts - visibles dentro del layout real
-------------------------------------------------------------------*/

.app-toast {
  position: absolute;            /* CLAVE: relativo al layout */
  top: 20px;
  right: 20px;

  min-width: 260px;
  max-width: 380px;

  padding: 14px 18px;
  border-radius: 8px;

  color: #fff;
  font-size: 14px;
  font-weight: 600;

  box-shadow: 0 6px 16px rgba(0,0,0,.25);

  opacity: 0;
  transform: translateY(-10px);
  transition: opacity .25s ease, transform .25s ease;

  z-index: 1000; /* suficiente DENTRO del layout */
}

/* Estado visible */
.app-toast.show {
  opacity: 1;
  transform: translateY(0);
}

/* Tipos */
.app-toast-success {
  background: #198754;
}

.app-toast-error {
  background: #dc3545;
}

.app-toast-info {
  background: #0d6efd;
}

.app-toast {
    white-space: pre-line;
}