/* Ajustements propres à CARGO CONGO, chargés après evele-modern.css.
   Le logo comporte du texte noir sur fond transparent : il reçoit un fond clair
   partout où il est posé sur une surface sombre. */

.brand-link img {
  background: #ffffff;
  border-radius: 8px;
  height: 36px;
  padding: 3px;
  width: 58px;
}

.evele-auth-main-logo {
  background: rgba(255, 255, 255, .94);
  border-radius: 16px;
  padding: 14px 20px;
}

.evele-auth-brand img,
.evele-module-brand-card img {
  width: auto;
}

body.dark-mode .evele-top-brand img {
  background: #ffffff;
  border-radius: 6px;
  padding: 2px;
}

/* Icônes colorées du menu : une couleur par rubrique, reprise par ses sous-menus.
   La classe mi-* est posée sur l'icône elle-même pour être conservée dans le menu horizontal. */
.mi-sky    { --mi: #38bdf8; --mi-dark: #0284c7; }
.mi-amber  { --mi: #fbbf24; --mi-dark: #d97706; }
.mi-green  { --mi: #34d399; --mi-dark: #059669; }
.mi-blue   { --mi: #60a5fa; --mi-dark: #2563eb; }
.mi-teal   { --mi: #2dd4bf; --mi-dark: #0d9488; }
.mi-violet { --mi: #a78bfa; --mi-dark: #7c3aed; }
.mi-orange { --mi: #fb923c; --mi-dark: #ea580c; }
.mi-pink   { --mi: #f472b6; --mi-dark: #db2777; }
.mi-lime   { --mi: #a3e635; --mi-dark: #65a30d; }
.mi-red    { --mi: #f87171; --mi-dark: #dc2626; }
.mi-cyan   { --mi: #22d3ee; --mi-dark: #0891b2; }
.mi-indigo { --mi: #818cf8; --mi-dark: #4f46e5; }
.mi-rose   { --mi: #fb7185; --mi-dark: #e11d48; }

[class*="mi-"].nav-icon { color: var(--mi) !important; opacity: 1 !important; }

.nav-sidebar .nav-link > span > .nav-icon {
  font-size: 1.05rem;
  margin-right: 9px;
  text-align: center;
  width: 24px;
}
.nav-sidebar > .nav-item > .nav-link:not(.active):not(.bg-secondary) .nav-icon { font-size: .85rem; }

/* Menu horizontal (fond clair) : teintes plus foncées pour rester lisibles */
.evele-horizontal-menu [class*="mi-"].nav-icon { color: var(--mi-dark) !important; }
body.dark-mode .evele-horizontal-menu [class*="mi-"].nav-icon { color: var(--mi) !important; }