/* ============ SOLO SIDEBAR (scope: #aside) ============ */
/* No toca topbar, formularios ni tarjetas. Solo el menú lateral. */

#aside{
  /* Paleta (puedes ajustar a gusto) */
  --sidebar-bg: #0f172a;         /* fondo oscuro */
  --sidebar-text: #e5e7eb;       /* texto */
  --sidebar-muted: #94a3b8;      /* descripciones/encabezados */
  --sidebar-accent: #2563eb;     /* activo/hover */
}

/* Contenedor y borde del aside */
#aside.navbar-side{
  background: var(--sidebar-bg);
  border-right: 1px solid rgba(255,255,255,.06);
}

/* Quitar huecos superiores del aside (sin tocar otras áreas) */
#aside,
#aside .navbar,
#aside .wrapper,
#aside .scroll-bar,
#aside .ps,
#aside .navbar-nav,
#aside .flex-fill.scroll-bar{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* En algunos temas, el brand dentro del aside empuja hacia abajo */
#aside .mobile-logo,
#aside .navbar-brand{
  display: none !important;
}

/* Lista de enlaces */
#aside .navbar-nav{
  padding: 8px 10px 10px 10px !important;
}

/* Ítems */
#aside .nav-link{
  display: flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  border-radius: 10px;
  color: var(--sidebar-text);
  padding: 8px 10px;
  transition: .15s ease background, .15s ease color, .15s ease box-shadow;
}
#aside .nav-link:hover{
  background: rgba(255,255,255,.06);
  color: #fff;
}
#aside .nav-link.active{
  background: linear-gradient(180deg, #1d4ed8, var(--sidebar-accent));
  color: #fff;
  box-shadow: 0 8px 20px rgba(29,78,216,.25);
}

/* Iconos (<i> FontAwesome o similares ya presentes en el HTML) */
#aside .nav-link i{
  font-size: 16px;
  width: 18px;
  text-align: center;
  color: currentColor;
  opacity: .9;
}
#aside .nav-link.active i{ opacity: 1; }

/* Encabezados de sección si el tema los imprime */
#aside .navbar-heading .text{
  color: var(--sidebar-muted);
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
}