/* Vistio Business v1.1.69 · Evita el azul del navegador al escribir, seleccionar y autocompletar.
   No rediseña los campos: conserva la base visual de Registro/Inicio de sesión anterior a v1.1.67. */

/* Texto seleccionado: dorado discreto, sin resaltado azul predeterminado. */
#auth-modal #auth-form input::selection {
  color: #fff8ed;
  background: rgba(202,158,77,.42);
}

/* Cursor de inserción acorde a la interfaz, sin cambios de tamaño ni borde. */
#auth-modal #auth-form input {
  caret-color: #dfbc79;
  accent-color: #cba15b;
}

/* Chrome, Edge, Safari: el autocompletado del navegador suele dibujar una capa azul
   por encima del estilo real de los campos. Sustituir exclusivamente esa capa. */
#auth-modal #auth-form input:-webkit-autofill,
#auth-modal #auth-form input:-webkit-autofill:hover,
#auth-modal #auth-form input:-webkit-autofill:focus,
#auth-modal #auth-form input:-webkit-autofill:active {
  -webkit-text-fill-color: #f8f2ea !important;
  caret-color: #dfbc79 !important;
  background-color: #181718 !important;
  -webkit-box-shadow: 0 0 0 1000px #181718 inset !important;
  box-shadow: 0 0 0 1000px #181718 inset !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

/* Mantener visible el borde de enfoque dorado cuando el navegador autocompleta. */
#auth-modal #auth-form input:-webkit-autofill:focus {
  border-color: rgba(221,179,95,.44) !important;
  outline-color: rgba(221,179,95,.44);
}

/* Firefox: evita la tonalidad de relleno del autocompletado sin tocar otros campos. */
@supports selector(input:autofill) {
  #auth-modal #auth-form input:autofill {
    color: #f8f2ea !important;
    caret-color: #dfbc79;
    background-color: #181718 !important;
    box-shadow: 0 0 0 1000px #181718 inset !important;
  }
}
