/* =========================== SIDEBAR — GCA (visual dark bordô, 2026-07-16) Redesign visual da barra lateral pro novo tema GCA (Gestão de Carteira Avançada), a pedido do usuário (referência de imagem). Mantém 100% a mesma estrutura/classes já geradas em js/app.js (montarSidebar) — só cor, tipografia e espaçamento mudaram. Nenhuma classe nova, nenhum id novo, nenhuma mudança de comportamento/JS (data-page, clique, active, etc. intocados). Escopo: só esta barra + a tela de login (css/login.css) foram pro tema escuro por enquanto — o resto do app (header, dashboard, tabelas) continua no tema claro atual. A fonte Poppins usada aqui é carregada globalmente por no de index.html, mas só é aplicada dentro de #sidebar — o resto do app continua em Segoe UI. =========================== */ #sidebar{ width:280px; min-width:280px; height:100vh; /* Degradê cinza escuro (mesmas cores da tela de login, css/login.css .login-visual) — antes era um tom sólido quase preto (#0C0F16); a pedido do usuário, agora acompanha o mesmo visual em degradê da tela de login, só que na vertical (a barra é estreita e alta, então o ângulo do login não encaixava bem). */ background:linear-gradient(180deg,#0C0E14 0%,#14161C 20%,#232630 55%,#3A3E48 100%); color:#F5F5F5; font-family:'Poppins',sans-serif; display:flex; flex-direction:column; box-shadow:4px 0 12px rgba(0,0,0,.35); } /* LOGO — usa o arquivo de design real (assets/img/gca-logo.webp, fundo transparente, 2026-07-16) em vez do texto "GCA" em CSS. Sem fundo próprio agora — o topo do degradê do #sidebar já é bem escuro (#0C0E14), então o "G" vermelho/branco da arte continua com bom contraste sem precisar de uma plaquinha sólida atrás. Logo aumentada a pedido do usuário (estava pequena demais). */ .logo{ height:140px; min-height:140px; display:flex; justify-content:center; align-items:center; padding:0 24px; border-bottom:1px solid #2B3442; } .logo-img{ width:230px; height:auto; } /* MENU */ .menu{ padding:20px; display:flex; flex-direction:column; gap:8px; flex:1; } .menu-item{ display:flex; align-items:center; gap:14px; padding:15px; border-radius:10px; cursor:pointer; transition:.25s; color:#A4A9B3; } .menu-item:hover{ background:#1A1E29; color:#F5F5F5; } .menu-item.active{ background:linear-gradient(90deg,#C1164A,#8A1435); color:#F5F5F5; } .sidebar-footer{ padding:20px; text-align:center; color:#6B7280; font-size:12px; border-top:1px solid #2B3442; }