/* === Sidebar padrão === */
.sidebar {
    width: 250px;
    transition: width 0.3s ease, padding 0.3s ease;
    overflow-x: hidden;
    background-color: #fff;
    border-right: 1px solid #dee2e6;
    height: auto;
    align-self: stretch;
}

/* === Sidebar recolhida === */
.sidebar.collapsed {
    width: 0;
    padding: 0 !important;
    border: none;
}

/* Esconde títulos/separadores */
.sidebar.collapsed small {
    display: none;
}

/* Esconde textos dos links (mantém ícones) */
.sidebar.collapsed .nav-link span {
    display: none;
}

/* Centraliza ícones quando texto for ocultado */
.sidebar.collapsed .nav-link {
    justify-content: center;
}

/* Ajusta logo no modo recolhido */
.sidebar.collapsed .logo {
    display: none;
}

/* === Link ativo (fundo azul, texto branco) === */
.sidebar .nav-link.active {
    background-color: #0D6EFD;
    color: #fff;
    border-radius: 0.375rem;
}

/* Força ícone a ficar branco também */
.sidebar .nav-link.active i {
    color: #fff;
}

/* === Hover (azul mais claro) === */
.sidebar .nav-link:hover {
    background-color: #e2ecfb; /* Azul bem claro para hover */
    color: #0D6EFD;
}

.sidebar .nav-link:hover i {
    color: #0D6EFD;
}

/* === Responsivo: oculta por padrão em telas pequenas === */
@media (max-width: 767.98px) {
    .sidebar {
        width: 0;
        padding: 0 !important;
        border: none;
    }

    .sidebar:not(.collapsed) {
        width: 250px;
        padding: 1rem;
        border-right: 1px solid #dee2e6;
    }

    .sidebar.collapsed small,
    .sidebar.collapsed .nav-link span,
    .sidebar.collapsed .logo {
        display: none;
    }

    .sidebar.collapsed .nav-link {
        justify-content: center;
    }
}

.sidebar .logo {
    width: 150px;
    transition: width 0.3s;
    display: block;
    margin: 0 auto 1rem auto;
}