/* ═══════════════════════════════════════════════════
   NumaVie — Sidebar Fix CSS
   Force les couleurs correctes sur tous les modules
   À inclure dans numavie-patch.css ou en lien séparé
   ═══════════════════════════════════════════════════ */

/* Fond bleu nuit */
.sidebar {
  background: #162032 !important;
  width: 200px !important;
}

/* Header logo */
.sidebar .sidebar-header {
  border-bottom: 1px solid rgba(197,160,89,0.2) !important;
}

/* Titres de sections — or atténué */
.sidebar .menu-section-title {
  color: rgba(197,160,89,0.5) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 12px 16px 4px !important;
}

/* Liens du menu — texte or clair */
.sidebar .menu-item {
  color: #e8d5a3 !important;
  border-left: 3px solid transparent !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  transition: all 0.2s !important;
  white-space: nowrap !important;
}

/* Lien actif et hover — or vif */
.sidebar .menu-item:hover,
.sidebar .menu-item.active {
  background: rgba(197,160,89,0.1) !important;
  border-left-color: #c5a059 !important;
  color: #c5a059 !important;
}

/* Icônes FA */
.sidebar .menu-item i,
.sidebar .menu-item .menu-icon i {
  color: inherit !important;
  width: 16px !important;
  text-align: center !important;
  font-size: 13px !important;
}

/* Icônes span wrapper (NV.init style) */
.sidebar .menu-icon {
  width: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

/* Texte label */
.sidebar .menu-label {
  color: inherit !important;
}

/* Sync indicator */
.sidebar .sync-indicator {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 16px !important;
  font-size: 12px !important;
  color: rgba(197,160,89,0.5) !important;
}

/* Bouton collapse */
.sidebar .collapse-btn {
  background: none !important;
  border: none !important;
  color: rgba(197,160,89,0.4) !important;
  cursor: pointer !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  transition: 0.2s !important;
  display: flex !important;
  align-items: center !important;
}
.sidebar .collapse-btn:hover {
  color: #c5a059 !important;
}

/* Bottom items */
.sidebar .sidebar-bottom {
  border-top: 1px solid rgba(197,160,89,0.1) !important;
  margin-top: auto !important;
}

/* Scrollbar sidebar */
.sidebar::-webkit-scrollbar { width: 4px; }
.sidebar::-webkit-scrollbar-thumb { background: rgba(197,160,89,0.2); border-radius: 2px; }

/* ── User profile chip — top sidebar ── */
.sidebar-user-chip {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 10px 12px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(197,160,89,0.2) !important;
  background: rgba(197,160,89,0.06) !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
  cursor: pointer !important;
}
.sidebar-user-chip:hover {
  background: rgba(197,160,89,0.12) !important;
  border-color: rgba(197,160,89,0.4) !important;
}
.sidebar-user-av {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #c5a059, #a8893f) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #fff !important;
  flex-shrink: 0 !important;
}
.sidebar-user-info {
  flex: 1 !important;
  min-width: 0 !important;
}
.sidebar-user-name {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #e8d5a3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.sidebar-user-email {
  font-size: 10px !important;
  color: rgba(197,160,89,0.5) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}