.nav-treeview > .nav-item > .nav-link {
  background-color: #1f2d3d;
  color: #c2c7d0;
  font-size: 0.875rem;
}

.nav-treeview > .nav-item > .nav-link.active {
  background-color: #fff !important;
  color: #1f2d3d !important;
}

/* Limita el ancho visible de las subetiquetas */
.nav-sidebar .nav-treeview .nav-link {
  max-width: 95%;         /* o el valor que necesites */
  /*padding-left: 30px;       /* ajusta sangría izquierda */
  /*margin-left: 10px;        /* crea separación desde el borde */
  border-radius: 6px;       /* opcional: mejora estética */
  font-size: 0.78rem;       /* más compacto */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Botón extra pequeño para tablas */
.btn-xxs{
  padding: .125rem .25rem;   /* más estrecho que btn-sm */
  font-size: .65rem;
  line-height: 1.2;
  border-radius: .2rem;
}
.btn-group-xxs > .btn { padding: .125rem .25rem; font-size: .65rem; line-height: 1.2; }

/* Contenedor de acciones en tablas */
.btn-actions {
  display: inline-flex;
  align-items: center;
  gap: 4px;                  /* separación entre botones */
}

/* Botón extra-pequeño, altura fija */
.btn-xxs {
  padding: 0 .35rem;
  font-size: .70rem;
  line-height: 1;
  height: 24px;              /* <- igual altura para todos */
  border-radius: .2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Quitar márgenes del form para que no deforme la fila */
.btn-actions form {
  margin: 0;
  display: inline-block;     /* que ocupe como un botón */
}

/* (Opcional) igual ancho para todos si quieres un “grid” perfecto */
/* .btn-xxs { min-width: 28px; } */

.btn-xxs i { font-size: .8rem; line-height: 1; }