/* ============================================================================
   P4S — EL CAMPO. AUTORRELLENO DE CHROME, DEFINICION UNICA.

   Lo cargan los DOS layouts modernos, igual que p4s-boton.css:
     - layoutBase.jsp      (login, registro, recuperarPass)
     - privateLayout.jsp   (dashboard: changePass, admonParticipanteNew...)

   ------------------------------------------------------------------
   POR QUE EXISTE ESTE ARCHIVO

   Ningun archivo de la plataforma declaraba `:-webkit-autofill`. Chrome pinta
   el campo que autorrellena con SU PROPIO fondo (#e8f0fe), con una regla
   interna que gana a `background-color` normal — no se puede pisar con la
   propiedad de siempre. En tema oscuro eso deja el campo de Contraseña con
   fondo casi blanco sobre una tarjeta oscura, como si estuviera roto.
   Ref BUG-1.26 (#167).

   ------------------------------------------------------------------
   REGLA: aqui no se escribe ni un hex. Todo sale de css/p4s-tokens.css.
   ========================================================================= */

/* `background-color` no funciona contra el autorrelleno: la sombra interna
   tapa el fondo que impone el navegador, y la transicion absurdamente larga
   evita el parpadeo al fondo de Chrome antes de que la sombra pinte encima. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--p4s-text);
    box-shadow: 0 0 0 1000px var(--p4s-field) inset;
    caret-color: var(--p4s-text);
    transition: background-color 9999s ease-in-out 0s;
}

/* El icono nativo de Chrome (llave/sugerencias guardadas) se pinta DENTRO del
   input, pegado al borde derecho — el mismo sitio donde vive nuestro boton
   real de mostrar/ocultar contrasena (`.input-action`, ver css/auth/login.css).
   Sin esto, los dos se superponen. Se oculta el nativo: el foco en el campo
   ya dispara las sugerencias de Chrome sin necesidad del icono, y el
   mostrar/ocultar lo cubre nuestro boton, accesible por teclado. */
input::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
}
