/* ===========================================================================
   Edmundo Ríos — auth.css
   Formulario de acceso. Se usa en la portada y en el registro, así que aquí
   solo va lo que es EXCLUSIVO del acceso.

   El campo con marco (`.input-group.-framed`), el botón pegado (`.input-addon`)
   y el icono guía (`.input-lead`) NO viven aquí: son componentes compartidos y
   están en components.css. Definirlos en este archivo los dejaba fuera de las
   pantallas de /super, que los usan sin cargar este CSS.
   =========================================================================== */

/* El botón de ver/ocultar contraseña lo dibuja components.css: es el mismo
   en el acceso, el registro y las pantallas de conexión. */

/* El error del acceso aparece bajo el formulario, no en un toast: un aviso
   flotante desaparece antes de que la persona termine de leerlo. */
.field-error[data-login-error] {
  margin: 0;
  padding: .625rem .75rem;
  background: color-mix(in srgb, var(--danger) 10%, transparent);
  border-radius: var(--radius-sm);
  border: var(--bw) solid var(--danger);
}

/* .auth-shell / .auth-card NO se definen aquí a propósito: ya viven en
   layout.css con el centrado a prueba de pantallas chicas (flex + margin:auto,
   para que la tarjeta nunca se salga por la derecha ni deje su borde superior
   fuera de alcance). Redefinirlas aquí las pisaría, porque este archivo carga
   después. */