/* Sorti de css/app.css le 29/09/2026 (#135) : le même graphique sert au site
   du chauffeur (index.html) et à la Console (console.html). */
/* LE GRAPHIQUE DE L'AÉROPORT (js/aeroport-graphique.js) : chaque graphique
   dans son cadre, un trait « maintenant » par graphique, demain en faisant
   défiler. Or LEPRO pour ce qui vient, gris pour ce qui est passé. */
.aeg { --aeg-prevu: #9A7508; --aeg-passe: #75757D; --aeg-essai: #1A6FE0; --aeg-file: #5B5B63;
  position: relative; margin-top: var(--s3); container-type: inline-size; }
:root[data-theme="dark"] .aeg { --aeg-prevu: #D4A82A; --aeg-passe: #75757D; --aeg-essai: #5B9DFF; --aeg-file: #A8A8B0; }
/* La légende tient toujours sur une ligne (Yanis, 28/09) : c'est la taille
   du texte qui suit la largeur. */
.aeg__legende { display: flex; flex-wrap: nowrap; gap: 0 3cqi; margin-bottom: 8px; white-space: nowrap; overflow: hidden;
  font-size: clamp(9px, 2.6cqi, 13px); color: var(--text-2); }
.aeg__legende span { display: inline-flex; align-items: center; gap: 5px; flex: none; }
.aeg__legende i { font-style: normal; color: var(--text-3); }
.aeg__defile { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; outline: none; }
.aeg__defile::-webkit-scrollbar { display: none; }
.aeg__jour { flex: 0 0 100%; min-width: 0; scroll-snap-align: start; }
.aeg__jour svg { display: block; width: 100%; }
.aeg__titre { font-size: 15px; font-weight: 800; margin: 0 0 6px 4px; }
.aeg__titre span { font-weight: 600; color: var(--text-2); }
.aeg__pages { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 6px; font-size: 13px; color: var(--text-2); }
.aeg__pages i { width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--text-2); cursor: pointer; }
.aeg__pages i.aeg__page--ici { background: var(--text-2); }
.aeg__pages span { margin-left: 4px; }
.aeg svg text { font-family: inherit; paint-order: stroke; stroke: var(--surface); stroke-width: 4px; stroke-linejoin: round; }
.aeg__cadre { fill: none; stroke: var(--border-strong); stroke-width: 1; }
.aeg__cadre--plein { fill: var(--surface-2); }
.aeg__grille { stroke: var(--border); stroke-width: 1; }
.aeg__axe { stroke: var(--border-strong); stroke-width: 1; }
.aeg__graduation, .aeg__heure { fill: var(--text-2); font-size: 13px; font-variant-numeric: tabular-nums; }
.aeg__passe { fill: none; stroke: var(--aeg-passe); stroke-width: 2; stroke-linejoin: round; }
.aeg__prevu { fill: none; stroke: var(--aeg-prevu); stroke-width: 3; stroke-linejoin: round; }
.aeg__essai { fill: none; stroke: var(--aeg-essai); stroke-width: 2; stroke-dasharray: 6 5; stroke-linejoin: round; }
.aeg__fin { fill: var(--text); font-size: 13px; font-weight: 700; }
.aeg__fin--essai { fill: var(--text-2); font-weight: 400; }
.aeg__point { fill: var(--aeg-prevu); stroke: var(--surface); stroke-width: 2; }
.aeg__point--passe { fill: var(--aeg-passe); }
.aeg__sommet { fill: var(--text); font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; }
.aeg__sommet-n { fill: var(--text-2); font-size: 13px; font-variant-numeric: tabular-nums; }
.aeg__piste { fill: var(--text); font-size: 14px; font-weight: 700; }
.aeg__piste--doux { fill: var(--text-2); font-size: 13px; font-weight: 600; }
.aeg__file { fill: none; stroke: var(--aeg-file); stroke-width: 2.5; stroke-linejoin: round; }
.aeg__file-point { fill: var(--aeg-file); }
.aeg__file-n { fill: var(--text); font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
.aeg__trou { fill: var(--border); opacity: .55; }
.aeg__trou-texte { fill: var(--text-2); font-size: 12px; font-style: italic; }
.aeg__vol { stroke: var(--text-2); stroke-width: 1.5; }
.aeg__vol--passe { stroke: var(--text-3); }
.aeg__maintenant { stroke: var(--text-2); stroke-width: 2; }
.aeg__maintenant-mot { fill: var(--text-2); font-size: 13px; font-weight: 700; }
.aeg__reticule line { stroke: var(--text-3); stroke-width: 1; }
.aeg__vide { fill: var(--text-2); font-size: 14px; }
.aeg__bulle { position: absolute; z-index: 5; pointer-events: none; display: flex; flex-direction: column; gap: 2px;
  min-width: 190px; padding: 8px 10px; border-radius: var(--r-md); background: var(--surface-2);
  border: 1px solid var(--border-strong); box-shadow: var(--shadow); font-size: 13px; }
.aeg__bulle span { display: flex; justify-content: space-between; gap: 10px; }
.aeg__bulle[hidden] { display: none; }
/* Les fortes demandes de la journée, par plateforme (17/10). */
.aeg__forte { fill: rgba(229, 72, 77, 0.22); stroke: rgba(229, 72, 77, 0.55); stroke-width: 1; }
.aeg__forte-nom { fill: #e5484d; font-size: 11px; font-weight: 700; }