/* Composants data du poste de pilotage : radar 6 axes et courbe de charge.
   Toutes les couleurs viennent des tokens. Le JS ne pose que de la geometrie et des classes. */

.pilotage { width: 100%; }
.pilotage svg { width: 100%; height: auto; overflow: visible; }

/* ── Grille de fond, commune aux deux composants ── */
.pil-grille { stroke: var(--grille); stroke-width: 1; fill: none; }
.pil-axe { stroke: var(--line); stroke-width: 1; }

/* ── Etiquettes ── */
.pil-etiquette {
  font-family: var(--font-corps);
  font-weight: var(--weight-ui);
  font-size: 13px;
  fill: var(--text-faible);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.pil-note {
  font-family: var(--font-titre);
  font-size: 22px;
  fill: var(--accent-texte);
}
.pil-graduation {
  font-family: var(--font-corps);
  font-weight: var(--weight-corps);
  font-size: 11px;
  fill: var(--text-tres-faible);
}

/* Gabarit etroit : le viewBox est plus serre, donc chaque unite vaut plus de
   pixels reels. Les textes sont ecrits plus gros en unites de viewBox pour
   arriver a la meme taille a l'ecran, et les etiquettes se rapprochent du trace
   pour supprimer l'espace mort. */
.pil-compact .pil-etiquette { font-size: 15px; letter-spacing: 0.05em; }
.pil-compact .pil-note { font-size: 26px; }
.pil-compact .pil-graduation { font-size: 14px; }
.pil-compact .pil-echeance-nom { font-size: 13px; }

/* ── Radar ── */
.pil-radar-aire { fill: var(--accent); fill-opacity: 0.14; }
.pil-radar-trace { fill: none; stroke: var(--accent); stroke-width: 2.5; stroke-linejoin: round; }
.pil-radar-point { fill: var(--accent); }

/* ── Charge : barres empilees par source, ligne d'intensite par-dessus ──
   Trois niveaux du meme or plutot que trois teintes : la palette reste a 7 couleurs,
   et l'empilement se lit sans introduire un bleu ou un vert qui jureraient avec la DA. */
.pil-part-club { fill: var(--accent); fill-opacity: 0.28; }
.pil-part-prepa { fill: var(--accent); fill-opacity: 0.62; }
.pil-part-autre { fill: var(--accent); fill-opacity: 1; }

.pil-intensite-trace { fill: none; stroke: var(--text); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; stroke-dasharray: 5 4; }
.pil-intensite-point { fill: var(--text); }

.pil-echeance { stroke: var(--danger); stroke-width: 2; }
.pil-echeance-nom {
  font-family: var(--font-corps);
  font-weight: var(--weight-fort);
  font-size: 11px;
  fill: var(--danger);
  letter-spacing: 0.14em;
}

/* Les deux composants s'animent en JS et respectent eux-memes prefers-reduced-motion. */