/* Navigation Adaptive - Immobilier.fr v15.0 */

/* BLOQUANT — pill rouge pulsante */
.nav-tag-bloquant {
  background: #DC2626;
  color: white;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 0.6rem;
  padding: 1px 6px;
  border-radius: 4px;
  animation: nav-pulse 1.5s infinite;
}

/* URGENT — pill rouge statique */
.nav-tag-urgent {
  background: #FEE2E2;
  color: #DC2626;
  border: 1px solid #DC2626;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.6rem;
  padding: 1px 6px;
  border-radius: 4px;
}

/* ACTION — pill orange */
.nav-tag-action {
  background: #FFF7ED;
  color: #EA580C;
  border: 1px solid #EA580C;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.6rem;
  padding: 1px 6px;
  border-radius: 4px;
}

/* ATTENTION — pill jaune */
.nav-tag-attention {
  background: #FEFCE8;
  color: #A16207;
  border: 1px solid #CA8A04;
  font-weight: 500;
  font-size: 0.6rem;
  padding: 1px 6px;
  border-radius: 4px;
}

/* Bordure gauche par statut */
.nav-item-bloquant { border-left: 3px solid #DC2626 !important; background: rgba(220, 38, 38, 0.04); }
.nav-item-urgent   { border-left: 3px solid #DC2626 !important; background: rgba(220, 38, 38, 0.02); }
.nav-item-action   { border-left: 3px solid #EA580C !important; background: rgba(234, 88, 12, 0.02); }
.nav-item-attention { border-left: 3px solid #CA8A04 !important; background: rgba(202, 138, 4, 0.01); }
.nav-item-ok       { border-left: 3px solid transparent !important; }

/* Animation pulse */
@keyframes nav-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.6; }
}

/* Compteur badge */
.nav-badge-count {
  background: currentColor;
  color: white;
  font-size: 0.6rem;
  font-weight: 700;
  min-width: 16px;
  height: 16px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}

/* Layout du nav-item */
.nav-item-adaptive {
  display: flex !important;
  align-items: center;
  width: 100%;
}

.nav-item-adaptive .nav-label {
  flex-grow: 1;
}

.nav-item-adaptive .nav-status {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

/* Sous-texte d'alerte */
.nav-item-subtitle {
  font-size: 0.65rem;
  color: #6B7280;
  padding-left: 3rem;
  margin-top: -8px;
  margin-bottom: 8px;
}

/* Onboarding Stepper */
.step-dot {
  width: 22px; height: 22px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.65rem; font-weight: 700;
  z-index: 2;
  background: #fff;
  border: 1px solid #E5E7EB;
}
.step-dot.completed { background: #22C55E; color: white; border-color: #22C55E; }
.step-dot.active    { background: #3B82F6; color: white; border-color: #3B82F6; animation: nav-pulse 2s infinite; }
.step-dot.locked    { background: #F3F4F6; color: #9CA3AF; }

.step-line          { flex-grow: 1; height: 2px; background: #E5E7EB; margin: 0 -2px; z-index: 1; }
.step-line.completed { background: #22C55E; }

.nav-item-locked {
  opacity: 0.6;
}
.nav-item-locked .menu-link {
  cursor: not-allowed !important;
}