/* ==============================
   🎨 Cores Personalizadas (Brand)
   ============================== */
:root {
    --ct-bg-leftbar-brand: #8B1C26 !important;  /* Cor da barra lateral */
    --ct-text-leftbar-brand: #FFFFFF !important; /* Cor do texto da barra lateral */
    --ct-bg-topbar-brand: #D72638 !important;   /* Cor da barra superior (topbar) */
    --ct-text-topbar-brand: #FFFFFF !important; /* Cor do texto da topbar */
    --ct-active-link-bg: #B71C1C !important;    /* Cor de fundo para o item ativo */
    --ct-hover-link-bg: #F4434F !important;     /* Cor de fundo ao passar o mouse */
    --ct-border-highlight: #FFCC00 !important;  /* Cor do destaque (borda lateral ativa) */
}

/* ==============================
   🔗 Navegação e Sidebar
   ============================== */
body[data-leftbar-color="brand"] .left-side-menu {
    background-color: var(--ct-bg-leftbar-brand) !important;
    color: var(--ct-text-leftbar-brand) !important;
}

body[data-leftbar-color="brand"] .nav-link {
    color: var(--ct-text-leftbar-brand) !important;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

body[data-leftbar-color="brand"] .nav-link:hover {
    background-color: var(--ct-hover-link-bg) !important;
    color: #ffffff !important;
}

body[data-leftbar-color="brand"] .nav-link.active {
    background-color: var(--ct-active-link-bg) !important;
    border-left: 4px solid var(--ct-border-highlight) !important;
    font-weight: bold;
}

/* ==============================
   👤 Estilo do Usuário na Sidebar
   ============================== */
.sidebar-brand .user-box {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 15px;
    margin-bottom: 10px;
    color: var(--ct-text-leftbar-brand);
}

.sidebar-brand .user-box h5 {
    color: var(--ct-border-highlight) !important;  /* Destacar o nome do usuário */
}

/* ==============================
   📊 Topbar Personalizado
   ============================== */
body[data-topbar-color="brand"] .navbar-custom {
    background-color: var(--ct-bg-topbar-brand) !important;
    color: var(--ct-text-topbar-brand) !important;
}

body[data-topbar-color="brand"] .navbar-custom .nav-link {
    color: var(--ct-text-topbar-brand) !important;
}

body[data-topbar-color="brand"] .navbar-custom .nav-link:hover {
    background-color: var(--ct-hover-link-bg) !important;
    color: #ffffff !important;
}

/* ==============================
   🧩 Estilos Customizados Anteriores
   ============================== */
/* Copie e cole aqui seus estilos antigos, se necessário */