/* ════════════════════════════════════════════════════════════════
   SIDEBAR v13 — Paleta diversificada por área funcional
   Cada item de navegação ganha uma cor de acento própria (ícone +
   estado activo), mantendo o fundo cobalto escuro coeso. As cores
   são pastel/claras para contraste sobre o fundo escuro.
═══════════════════════════════════════════════════════════════ */

/* Cor base dos ícones (quando não há cor específica) */
.sidebar .nav-item svg { color: rgba(255,255,255,.72); }

/* ── Cores de acento por área (data-nav) ───────────────────────── */
.sidebar .nav-item[data-nav="dashboard"]        svg { color:#8ac2f5; } /* azul   */
.sidebar .nav-item[data-nav="centralidades"]    svg { color:#67e8f9; } /* ciano  */
.sidebar .nav-item[data-nav="utilizadores"]     svg { color:#c4b5fd; } /* roxo   */
.sidebar .nav-item[data-nav="estabelecimentos"] svg { color:#6ee7b7; } /* verde  */
.sidebar .nav-item[data-nav="marketplace"]      svg { color:#fcd34d; } /* âmbar  */
.sidebar .nav-item[data-nav="configuracoes"]    svg { color:#93c5fd; } /* azul-c */
.sidebar .nav-item[data-nav="saude"]            svg { color:#86efac; } /* verde  */
.sidebar .nav-item[data-nav="atualizacoes"]     svg { color:#7dd3fc; } /* ciano  */
.sidebar .nav-item[data-nav="privacidade"]      svg { color:#cbd5e1; } /* cinza  */
.sidebar .nav-item[data-nav="termos"]           svg { color:#cbd5e1; } /* cinza  */
.sidebar .nav-item[data-nav="moradores"]        svg { color:#c4b5fd; } /* roxo   */
.sidebar .nav-item[data-nav="financas"]         svg { color:#6ee7b7; } /* verde  */
.sidebar .nav-item[data-nav="contas_correntes"] svg { color:#6ee7b7; } /* verde  */
.sidebar .nav-item[data-nav="ocorrencias"]      svg { color:#fca5a5; } /* coral  */
.sidebar .nav-item[data-nav="assembleias"]      svg { color:#fcd34d; } /* âmbar  */
.sidebar .nav-item[data-nav="reunioes"]         svg { color:#fcd34d; } /* âmbar  */
.sidebar .nav-item[data-nav="relatorios"]       svg { color:#c4b5fd; } /* roxo   */
.sidebar .nav-item[data-nav="coordenacao"]      svg { color:#93c5fd; } /* azul   */
.sidebar .nav-item[data-nav="chat"]             svg { color:#f9a8d4; } /* rosa   */
.sidebar .nav-item[data-nav="reservas"]         svg { color:#5eead4; } /* teal   */
.sidebar .nav-item[data-nav="eleicao"]          svg { color:#fdba74; } /* laranja*/
.sidebar .nav-item[data-nav="agregado"]         svg { color:#86efac; } /* verde  */
.sidebar .nav-item[data-nav="meu_estabelecimento"] svg { color:#6ee7b7; }
.sidebar .nav-item[data-nav="meuPerfil"]        svg { color:#93c5fd; }
.sidebar .nav-item[data-nav="minha_licenca"]    svg { color:#fcd34d; }
.sidebar .nav-item[data-nav="aprovacao_licencas"] svg { color:#86efac; }

/* No hover, o ícone clareia ligeiramente mas mantém o tom */
.sidebar .nav-item:hover svg { filter: brightness(1.15); }

/* ── Estado ACTIVO — pílula tintada com a cor do item ─────────── */
/* Por defeito (cobalto) */
.sidebar .nav-item.active {
  background: rgba(138,194,245,.16) !important;
}
.sidebar .nav-item.active::before { background:#8ac2f5 !important; box-shadow:0 0 8px rgba(138,194,245,.5) !important; }

/* Tints específicos do activo */
.sidebar .nav-item.active[data-nav="estabelecimentos"],
.sidebar .nav-item.active[data-nav="financas"],
.sidebar .nav-item.active[data-nav="contas_correntes"],
.sidebar .nav-item.active[data-nav="saude"],
.sidebar .nav-item.active[data-nav="agregado"],
.sidebar .nav-item.active[data-nav="meu_estabelecimento"] { background: rgba(110,231,183,.16) !important; }
.sidebar .nav-item.active[data-nav="estabelecimentos"]::before,
.sidebar .nav-item.active[data-nav="financas"]::before,
.sidebar .nav-item.active[data-nav="contas_correntes"]::before,
.sidebar .nav-item.active[data-nav="saude"]::before,
.sidebar .nav-item.active[data-nav="agregado"]::before,
.sidebar .nav-item.active[data-nav="meu_estabelecimento"]::before { background:#6ee7b7 !important; box-shadow:0 0 8px rgba(110,231,183,.5) !important; }

.sidebar .nav-item.active[data-nav="marketplace"],
.sidebar .nav-item.active[data-nav="assembleias"],
.sidebar .nav-item.active[data-nav="reunioes"],
.sidebar .nav-item.active[data-nav="minha_licenca"] { background: rgba(252,211,77,.16) !important; }
.sidebar .nav-item.active[data-nav="marketplace"]::before,
.sidebar .nav-item.active[data-nav="assembleias"]::before,
.sidebar .nav-item.active[data-nav="reunioes"]::before,
.sidebar .nav-item.active[data-nav="minha_licenca"]::before { background:#fcd34d !important; box-shadow:0 0 8px rgba(252,211,77,.5) !important; }

.sidebar .nav-item.active[data-nav="utilizadores"],
.sidebar .nav-item.active[data-nav="moradores"],
.sidebar .nav-item.active[data-nav="relatorios"] { background: rgba(196,181,253,.16) !important; }
.sidebar .nav-item.active[data-nav="utilizadores"]::before,
.sidebar .nav-item.active[data-nav="moradores"]::before,
.sidebar .nav-item.active[data-nav="relatorios"]::before { background:#c4b5fd !important; box-shadow:0 0 8px rgba(196,181,253,.5) !important; }

.sidebar .nav-item.active[data-nav="ocorrencias"] { background: rgba(252,165,165,.16) !important; }
.sidebar .nav-item.active[data-nav="ocorrencias"]::before { background:#fca5a5 !important; box-shadow:0 0 8px rgba(252,165,165,.5) !important; }

.sidebar .nav-item.active[data-nav="chat"] { background: rgba(249,168,212,.16) !important; }
.sidebar .nav-item.active[data-nav="chat"]::before { background:#f9a8d4 !important; box-shadow:0 0 8px rgba(249,168,212,.5) !important; }

.sidebar .nav-item.active[data-nav="reservas"] { background: rgba(94,234,212,.16) !important; }
.sidebar .nav-item.active[data-nav="reservas"]::before { background:#5eead4 !important; box-shadow:0 0 8px rgba(94,234,212,.5) !important; }

.sidebar .nav-item.active[data-nav="eleicao"] { background: rgba(253,186,116,.16) !important; }
.sidebar .nav-item.active[data-nav="eleicao"]::before { background:#fdba74 !important; box-shadow:0 0 8px rgba(253,186,116,.5) !important; }

.sidebar .nav-item.active[data-nav="centralidades"],
.sidebar .nav-item.active[data-nav="atualizacoes"] { background: rgba(103,232,249,.16) !important; }
.sidebar .nav-item.active[data-nav="centralidades"]::before,
.sidebar .nav-item.active[data-nav="atualizacoes"]::before { background:#67e8f9 !important; box-shadow:0 0 8px rgba(103,232,249,.5) !important; }

/* O texto e o ícone do item activo ficam totalmente brancos para
   máxima legibilidade — a cor vive na pílula e na barra lateral. */
.sidebar .nav-item.active,
.sidebar .nav-item.active svg { color:#ffffff !important; }
.sidebar .nav-item.active svg { filter:none !important; }

/* ── Cabeçalhos de secção com pequeno ponto colorido ──────────── */
.sidebar .nav-section-label { position: relative; padding-left: 14px !important; }
.sidebar .nav-section-label::before {
  content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 6px; height: 6px; border-radius: 50%;
  background: rgba(255,255,255,.35);
}
/* Cores dos pontos por secção (na ordem em que aparecem) */
.sidebar .nav-section:nth-of-type(1) .nav-section-label::before { background:#8ac2f5; }
.sidebar .nav-section:nth-of-type(2) .nav-section-label::before { background:#6ee7b7; }
.sidebar .nav-section:nth-of-type(3) .nav-section-label::before { background:#fcd34d; }
.sidebar .nav-section:nth-of-type(4) .nav-section-label::before { background:#c4b5fd; }
.sidebar .nav-section:nth-of-type(5) .nav-section-label::before { background:#f9a8d4; }
.sidebar .nav-section:nth-of-type(6) .nav-section-label::before { background:#5eead4; }
