/* ... (todo o seu CSS existente, como a variável de cor :root) ... */
:root {
    --bs-primary: #f19a32;
    --bs-primary-rgb: 241, 154, 50;
    --bs-btn-bg: #f19a32;
    --bs-btn-border-color: #f19a32;
    --bs-btn-hover-bg: #d4872c;
    --bs-btn-hover-border-color: #d4872c;
    --bs-btn-active-bg: #c17726;
    --bs-btn-active-border-color: #c17726;
    --bs-btn-disabled-bg: #f19a32;
    --bs-btn-disabled-border-color: #f19a32;
    --bs-link-color: #f19a32;
    --bs-link-hover-color: #d4872c;
}
body, html { height: 100%; }

.sidebar {
    width: 280px;
    min-height: 100vh;
    transition: margin-left 0.35s ease-in-out;
    background-color: #fff !important;
    box-shadow: 2px 0 5px rgba(0,0,0,0.1);
}
.sidebar .nav-link { color: #333; font-size: 1.05rem; padding: 0.75rem 1rem; }
.sidebar .nav-link:hover { background-color: #e9ecef; }
.sidebar .nav-link.active { background-color: var(--bs-primary); color: white; }
.sidebar .nav-link .bi { font-size: 1.2rem; }

.content-wrapper {
    width: calc(100% - 280px);
    transition: width 0.35s ease-in-out;
}

header.navbar {
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* --- ESTILOS DE RESPONSIVIDADE --- */
@media (max-width: 991.98px) {
    .sidebar {
        position: fixed; /* Fica por cima de tudo */
        top: 0;
        left: 0;
        z-index: 1030; /* Padrão do Bootstrap para navbars fixas */
        margin-left: -280px; /* Começa escondida para a esquerda */
    }

    /* Quando a classe 'sidebar-visible' for adicionada ao body */
    body.sidebar-visible .sidebar {
        margin-left: 0;
    }
    
    body.sidebar-visible .content-wrapper::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); /* Overlay escuro */
        z-index: 1020;
    }

    .content-wrapper {
        width: 100%; /* Ocupa a tela toda */
    }
}

/* Estilos para o rodapé da sidebar */
.sidebar-footer {
    padding-top: 1rem;
    border-top: 1px solid #dee2e6; /* Linha sutil de separação */
}

.sidebar-footer-link {
    display: block; /* Para que cada link ocupe uma linha */
    padding: 0.25rem 1rem;
    font-size: 0.85rem; /* Fonte um pouco menor */
    color: #6c757d; /* Cor de texto cinza (sutil) */
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.sidebar-footer-link:hover {
    color: #212529; /* Cor do texto fica mais escura ao passar o mouse */
}

/* Estilo para o link ativo no rodapé da sidebar */
.sidebar-footer-link.active {
    color: #212529; /* Cor mais escura, igual ao hover */
    font-weight: 600; /* Texto em negrito */
}

.fbradin{
    text-decoration: none;
    font-weight: bold;
}