/* Estilos personalizados que complementan a Tailwind */

/* Mejorar contraste en formularios cuando hay focus */
input:focus, select:focus, textarea:focus {
  outline: none;
}

/* Inputs deshabilitados */
input[disabled] {
  background: #f1f5f9;
  cursor: not-allowed;
}

/* Sliders consistentes */
input[type="range"] {
  accent-color: #0284c7;
}

/* Tooltips simples */
[data-tooltip] {
  position: relative;
}
[data-tooltip]:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #1e293b;
  color: white;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 10;
}