/* ─────────────────────────────────────────────────────────────────────────
   sidebar.css — Polish del sidebar lateral del panel administrador.
   Targeteado a `.navbar-vertical` (clase del componente sidebar.html).
   Override del tema Bootstrap base para acercarlo al diseño aprobado:
   tipografía más chica, color de items inactivos más claro, indicador
   violeta en el item activo + fondo levemente iluminado.

   Componente: <nav class="navbar-vertical navbar navbar-dark bg-navy">
   Selectores afectados: .nav-link, .nav-link.active, .nav-icon, .navbar-heading
   ──────────────────────────────────────────────────────────────────────── */

.navbar-vertical .nav-link {
    font-size: 12.5px;
    color: #C8C9D9;
    padding: 7px 12px 7px 14px;
    border-radius: 7px;
    margin: 1px 6px;
    display: flex;
    align-items: center;
    position: relative;
    transition: background-color .12s ease, color .12s ease;
}

.navbar-vertical .nav-link i.nav-icon {
    opacity: 0.7;
    font-size: 14px;
    width: 18px;
    text-align: center;
    line-height: 1;
    flex-shrink: 0;
}

.navbar-vertical .nav-link:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
}

.navbar-vertical .nav-link:hover i.nav-icon {
    opacity: 1;
}

.navbar-vertical .nav-link.active {
    background: rgba(110, 91, 255, 0.14);
    color: #ffffff;
    font-weight: 500;
}

.navbar-vertical .nav-link.active::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 18px;
    background: #6E5BFF;
    border-radius: 2px;
}

.navbar-vertical .nav-link.active i.nav-icon {
    opacity: 1;
    color: #B098FF;
}

.navbar-vertical .navbar-heading {
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #8E8FA8;
    padding: 14px 14px 6px;
    margin: 0;
}

.navbar-vertical .nav-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    margin: 8px 12px;
}

/* Logo de la plataforma en el sidebar — tamaño fijo y proporcional.
   Override del theme.min.css (.navbar-vertical .navbar-brand img { height: 3rem }):
   un logo grande subido desde SystemConfig estiraba el sidebar. La regla acota
   max-height y max-width manteniendo proporciones via object-fit: contain.
   El partial brand_logo.html aplica .brand-logo + force_variant="dark" aquí. */
.navbar-vertical .navbar-brand .brand-logo {
    max-height: 36px;
    max-width: 140px;
    width: auto;
    height: auto;
    object-fit: contain;
}