/* ══════════════════════════════════════════════════════════════
   SIDEBAR THEME v16 — paleta dinâmica em Aparência
   ═══════════════════════════════════════════════════════════
   Quando user escolhe um tema/estilo em Configurações → Aparência,
   ALL os ícones e estados activos da sidebar honram essa paleta,
   sobrepondo as cores hardcoded da v13.

   Estratégia:
   - body.sidebar-light  → ícones cinzas escuros (legível em fundo claro)
   - body.sidebar-color  → ícones brancos (fundo cobalto)
   - body sem classe     → cores diversificadas v13 (default)
   - body.theme-XXX      → tinta principal segue cor do tema
   ════════════════════════════════════════════════════════════ */

/* ── Sidebar LIGHT: ícones em tinta escura + active a cor primária ── */
body.sidebar-light .sidebar .nav-item svg {
  color: #4b6584 !important;
}
body.sidebar-light .sidebar .nav-item.active svg,
body.sidebar-light .sidebar .nav-item:hover svg {
  color: var(--primary, #15569e) !important;
}
body.sidebar-light .sidebar .nav-item.active {
  background: rgba(21, 86, 158, 0.10) !important;
  color: var(--primary-dk, #0f4279) !important;
  font-weight: 600;
}

/* ── Sidebar COLOR (cobalto): tudo branco com transparência ── */
body.sidebar-color .sidebar .nav-item svg {
  color: rgba(255, 255, 255, 0.85) !important;
}
body.sidebar-color .sidebar .nav-item.active svg,
body.sidebar-color .sidebar .nav-item:hover svg {
  color: #fff !important;
}
body.sidebar-color .sidebar .nav-item.active {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
  font-weight: 700;
}

/* ── Tema CIANO ── (forçar cor primária no active) ── */
body.theme-ciano .sidebar .nav-item.active svg,
body.theme-ciano .sidebar .nav-item:hover svg {
  color: #06b6d4 !important;
}
body.theme-ciano .sidebar .nav-item.active {
  background: rgba(6, 182, 212, 0.14) !important;
}

body.theme-indigo .sidebar .nav-item.active svg,
body.theme-indigo .sidebar .nav-item:hover svg {
  color: #6366f1 !important;
}
body.theme-indigo .sidebar .nav-item.active {
  background: rgba(99, 102, 241, 0.14) !important;
}

body.theme-esmeralda .sidebar .nav-item.active svg,
body.theme-esmeralda .sidebar .nav-item:hover svg {
  color: #10b981 !important;
}
body.theme-esmeralda .sidebar .nav-item.active {
  background: rgba(16, 185, 129, 0.14) !important;
}

body.theme-ambar .sidebar .nav-item.active svg,
body.theme-ambar .sidebar .nav-item:hover svg {
  color: #d97706 !important;
}
body.theme-ambar .sidebar .nav-item.active {
  background: rgba(217, 119, 6, 0.14) !important;
}

body.theme-rubi .sidebar .nav-item.active svg,
body.theme-rubi .sidebar .nav-item:hover svg {
  color: #dc2626 !important;
}
body.theme-rubi .sidebar .nav-item.active {
  background: rgba(220, 38, 38, 0.14) !important;
}

body.theme-violeta .sidebar .nav-item.active svg,
body.theme-violeta .sidebar .nav-item:hover svg {
  color: #7c3aed !important;
}
body.theme-violeta .sidebar .nav-item.active {
  background: rgba(124, 58, 237, 0.14) !important;
}

body.theme-ardosia .sidebar .nav-item.active svg,
body.theme-ardosia .sidebar .nav-item:hover svg {
  color: #475569 !important;
}
body.theme-ardosia .sidebar .nav-item.active {
  background: rgba(71, 85, 105, 0.14) !important;
}

/* ── Brand logo da sidebar honra a paleta também ── */
body.sidebar-light .sidebar-brand-name { color: var(--primary-dk, #0f4279) !important; }
body.sidebar-color .sidebar-brand-name { color: #fff !important; }

/* ── Animação suave ao trocar tema ── */
.sidebar,
.sidebar .nav-item,
.sidebar .nav-item svg {
  transition: background 0.25s ease, color 0.25s ease;
}