/* shared-brand/sw-nav.css — Nav unifiée Scopewright (SW-NAV-2).
   Préfixe UNIQUE sw-nav-*. Remplace nav-bar / sw-nav / sw-header-nav.
   Tokens var(--sw-*) uniquement, zéro hex hardcodé.
   Référence visuelle : SCOPEWRIGHT/mockup-nav-unifiee.html (variantes A–E, AI retirée).

   RÈGLE GRAVÉE — aucune classe IA (.sw-nav-ai) ici. L'assistant IA ne vit
   jamais dans la nav (décision Hubert 2026-06-07, STYLE_GUIDE §"Nav unifiée").

   3 zones : gauche (logo + retour) · centre (liens/actions) · droite
   (statut · langue · avatar · logout dashboard seul). */

.sw-nav {
  position: fixed; top: 0; left: 0; right: 0;
  height: 56px; z-index: 100;
  background: var(--sw-surface);
  border-bottom: 1px solid var(--sw-border);
  display: flex; align-items: center;
  gap: var(--sw-space-2);
  padding: 0 var(--sw-padding-x);
}

/* ── Zone gauche : logo + retour ───────────────────────────────── */
.sw-nav-logo {
  font-size: 23px; font-weight: 650; letter-spacing: -0.025em;
  line-height: 1; color: var(--sw-navy); white-space: nowrap;
}
.sw-nav-back {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 500; color: var(--sw-text-2);
  text-decoration: none; padding: 6px 10px 6px 14px;
  border-radius: var(--sw-radius-btn);
  border-left: 1px solid var(--sw-border); margin-left: 4px;
  transition: color var(--sw-ease), background var(--sw-ease);
  white-space: nowrap;
}
.sw-nav-back:hover { color: var(--sw-text); background: var(--sw-border-2); }
.sw-nav-back-icon {
  width: 14px; height: 14px; stroke: currentColor; fill: none;
  stroke-width: 2; flex-shrink: 0;
}

/* ── Zone centre : liens (pipeline) / actions (catalogue) ──────── */
.sw-nav-center { display: flex; align-items: center; gap: 6px; }
.sw-nav-link {
  font-size: 13px; font-weight: 500; color: var(--sw-text-2);
  text-decoration: none; padding: 7px 11px; border-radius: var(--sw-radius-btn);
  transition: color var(--sw-ease), background var(--sw-ease);
}
.sw-nav-link:hover { background: var(--sw-border-2); color: var(--sw-text); }
.sw-nav-link.active { color: var(--sw-navy); font-weight: 600; background: var(--sw-border-2); }

.sw-nav-action {
  display: inline-flex; align-items: center; gap: 6px;
  height: 32px; padding: 0 11px;
  border: 1px solid var(--sw-border); background: var(--sw-surface);
  border-radius: var(--sw-radius-btn);
  font-size: 13px; font-weight: 500; color: var(--sw-text-2);
  font-family: inherit; cursor: pointer;
  transition: color var(--sw-ease), background var(--sw-ease);
}
.sw-nav-action:hover { background: var(--sw-border-2); color: var(--sw-text); }
.sw-nav-action-icon { display: inline-flex; }
.sw-nav-action-icon svg {
  width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2;
}

.sw-nav-spacer { flex: 1; }

/* ── Zone droite : statut · langue · avatar · logout ──────────── */
.sw-nav-right { display: flex; align-items: center; gap: var(--sw-space-1h); }

/* Statut sauvegarde : conteneur seul, save-indicator.js écrit dedans.
   Statut data : connexion/count (catalogue/clients). Jamais fusionnés. */
.sw-nav-status {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; color: var(--sw-text-2);
}
.sw-nav-status-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--sw-color-protege); flex-shrink: 0;
}

/* Toggle langue EN | FR — segmented control */
.sw-nav-lang {
  display: inline-flex; align-items: center;
  background: var(--sw-border-2); border-radius: var(--sw-radius-pill);
  padding: 2px; gap: 2px;
}
.sw-nav-lang-btn {
  border: none; background: transparent; cursor: pointer; font-family: inherit;
  font-size: 12px; font-weight: 600; color: var(--sw-text-2);
  padding: 4px 11px; border-radius: var(--sw-radius-pill);
  transition: color var(--sw-ease), background var(--sw-ease);
}
.sw-nav-lang-btn.active {
  background: var(--sw-surface); color: var(--sw-navy);
  box-shadow: var(--sw-shadow-card);
}
.sw-nav-lang-btn:not(.active):hover { color: var(--sw-text); }

/* Avatar initiales (D5) — monochrome navy, jamais color-coded */
.sw-nav-avatar {
  width: 30px; height: 30px; border-radius: 50%;
  background: var(--sw-navy); color: var(--sw-surface);
  display: grid; place-items: center;
  font-size: 12px; font-weight: 600; letter-spacing: 0.01em;
  flex-shrink: 0; user-select: none;
}

/* Logout — dashboard UNIQUEMENT (D1) */
.sw-nav-logout {
  background: transparent; color: var(--sw-text);
  border: 1px solid var(--sw-border); border-radius: var(--sw-radius-btn);
  padding: 5px 14px; font-size: 12px; font-family: inherit; cursor: pointer;
  transition: background var(--sw-ease), border-color var(--sw-ease);
}
.sw-nav-logout:hover { background: var(--sw-border-2); border-color: var(--sw-muted); }

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width: 768px) {
  .sw-nav { padding: 0 var(--sw-space-2); gap: var(--sw-space-1h); }
  .sw-nav-back-label { display: none; }
}