/* Complementos al diseño Tailwind + Lovable-style */

body {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

/* Estilos globales para evitar márgenes superiores */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  align-items: flex-start !important; /* Forza alineación arriba */
}

/* Tree grid: iconos y espaciado */
.table-tree .tree-toggle {
  white-space: nowrap;
  vertical-align: middle;
}

.table-tree .tree-btn {
  line-height: 1;
}

.table-tree .tree-leaf {
  display: inline-block;
  width: 1.25rem;
}

.table-tree .coste-objetivo-input {
  max-width: 8rem;
}

.table-tree .coste-objetivo-readonly {
  font-variant-numeric: tabular-nums;
}

/* Animación del spinner (Tailwind animate-spin ya lo cubre si está en el HTML) */
@keyframes spin {
  to { transform: rotate(360deg); }
}