SchotzIAD KM Tracker : suivi des trajets kilométriques (Angular + .NET 8)

Application complète de saisie et de suivi des trajets kilométriques avec
calcul de distance routière (OpenRouteService), barème kilométrique, résumés
et régularisation annuelle.

Backend (ASP.NET Core .NET 8, EF Core, SQLite) :
- Trajets (CRUD, réordonnancement, insertion), calcul de distance ORS avec
  fallback Haversine, géométrie d'itinéraire stockée par trajet, recalcul en masse.
- Profil, véhicules (avec dénomination), carnet d'adresses nommées, cache d'adresses.
- Barème kilométrique : tranches multiples par puissance fiscale, borne max
  exclusive avec 'illimité' (KmMax nullable), coefficient à 3 décimales,
  recopie du dernier barème connu.
- Résumés mensuel/annuel, montants réglés, régularisation, export PDF.

Frontend (Angular 22, zoneless + signals) :
- Consultation par jour, navigation temporelle synchronisée, carte Leaflet,
  formulaire de trajet (adresses nommées, domicile, autocomplétion BAN).
- Détection de changement zoneless (indépendante de zone.js).

Hébergement : Docker Compose (nginx + backend), scripts run-dev.sh / run-docker.sh.

frontend/src/app/features/navigation-temporelle/selecteur-temporel.component.scss

@@ -0,0 +1,106 @@
+.selecteur-temporel {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+// En-tête du conteneur repliable (collapse).
+.selecteur-entete {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  align-self: flex-start;
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #1f2937;
+  border-radius: 8px;
+  padding: 0.5rem 0.9rem;
+  font-size: 0.95rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background-color 0.15s ease, border-color 0.15s ease;
+
+  &:hover {
+    border-color: #2563eb;
+    background: #eff6ff;
+  }
+
+  &__chevron {
+    font-size: 0.85rem;
+    color: #64748b;
+  }
+}
+
+// Contenu déplié : les trois groupes de pastilles.
+.selecteur-contenu {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.selecteur-groupe {
+  display: flex;
+  flex-direction: column;
+  gap: 0.4rem;
+}
+
+.selecteur-titre {
+  font-size: 0.85rem;
+  font-weight: 600;
+  color: #555;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+}
+
+.selecteur-boutons {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.4rem;
+}
+
+.selecteur-jours {
+  display: grid;
+  grid-template-columns: repeat(7, minmax(2.2rem, 1fr));
+}
+
+.pastille {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #1f2937;
+  border-radius: 6px;
+  padding: 0.4rem 0.7rem;
+  font-size: 0.9rem;
+  cursor: pointer;
+  transition: background-color 0.15s ease, border-color 0.15s ease;
+
+  &:hover:not(:disabled) {
+    border-color: #2563eb;
+    background: #eff6ff;
+  }
+
+  &:disabled {
+    color: #b0b7c3;
+    background: #f4f5f7;
+    border-color: #e2e5ea;
+    cursor: not-allowed;
+  }
+
+  // Surbrillance des périodes comportant des données (12.3, 12.4).
+  &.avec-donnees:not(:disabled) {
+    border-color: #16a34a;
+    background: #ecfdf5;
+    font-weight: 600;
+  }
+
+  &.selectionne {
+    border-color: #2563eb;
+    background: #2563eb;
+    color: #fff;
+    font-weight: 600;
+  }
+}
+
+.pastille-jour {
+  text-align: center;
+  padding: 0.4rem 0;
+}