/* Fuerza estilos claros en formularios, independientemente del modo oscuro del SO */
.input,
.textarea,
.select select,
.control.has-icons-left .input,
.control.has-icons-right .input {
  background-color: #ffffff !important;
  color: #111111 !important;
  border-color: #cbd5e1 !important; /* gris claro tipo Tailwind slate-300 */
}

/* placeholder también oscuro (para que no desaparezca en blanco sobre blanco) */
.input::placeholder,
.textarea::placeholder {
  color: #6b7280 !important; /* gris medio */
  opacity: 1 !important;
}

/* iconos dentro del input */
.control.has-icons-left .icon,
.control.has-icons-right .icon {
  color: #6b7280 !important;
}

/* labels, texto de ayuda */
label.label,
.help,
.field label,
.field .label {
  color: #1f2937 !important; /* gris casi negro */
}