/* ===== Input con fondo transparente + borde estilo slate ===== */
body input.vTextField,
body .inline-related input[type="text"],
body .related-widget-wrapper input[type="text"],
body .change-form input[type="text"] {
  background-color: transparent !important;  /* ⬅️ transparente */
  color: inherit !important;                  /* usa el color del tema actual */
  border: 1px solid #475569 !important;       /* slate-600 */
  border-radius: 8px !important;
  padding: 8px 12px !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Placeholder tenue (se ve bien en claro/oscuro) */
body input.vTextField::placeholder,
body .inline-related input[type="text"]::placeholder,
body .related-widget-wrapper input[type="text"]::placeholder,
body .change-form input[type="text"]::placeholder {
  color: #9ca3af !important; /* gray-400 */
  opacity: 1 !important;
}

/* Hover: borde un poco más claro */
body input.vTextField:hover,
body .inline-related input[type="text"]:hover,
body .related-widget-wrapper input[type="text"]:hover,
body .change-form input[type="text"]:hover {
  border-color: #64748b !important; /* slate-500 */
}

/* Focus: borde azul y halo suave */
body input.vTextField:focus,
body .inline-related input[type="text"]:focus,
body .related-widget-wrapper input[type="text"]:focus,
body .change-form input[type="text"]:focus {
  border-color: #60a5fa !important;                         /* blue-400 */
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.25) !important; /* halo */
}

/* Disabled: sin cambiar el fondo del layout */
body input.vTextField:disabled {
  color: #9ca3af !important;
  border-color: #334155 !important; /* slate-700 */
  background-color: transparent !important;
  opacity: 1 !important;
}