/*
 * Infobulle au survol d'un noeud du graphe (§2.4, §7).
 * --color-bg-elevated, --border-default, --font-body 13px, --color-ink-primary,
 * --radius, padding 8px 12px. Positionnee dynamiquement en vanilla JS.
 */
.graph-tooltip {
  position: fixed;
  z-index: 50;
  max-width: calc(var(--space-7) * 5);
  background: var(--color-bg-elevated);
  border: var(--border-default);
  border-radius: var(--radius);
  padding: 8px 12px;
  color: var(--color-ink-primary);
  font-family: var(--font-body);
  font-size: var(--font-size-label);
  line-height: var(--line-height-narrative);
  box-shadow: var(--shadow-panel);
  opacity: 0;
  transition: var(--transition-fast);
  pointer-events: none;
}
.graph-tooltip--visible {
  opacity: 1;
}
.graph-tooltip__name {
  font-weight: var(--font-weight-medium);
}
.graph-tooltip__desc {
  color: var(--color-ink-secondary);
  margin-top: var(--space-1);
}