Corriger la revue stage1 de la refonte : fiche de dalle, thème du fond, cadre d'export, tokens de couleur

Retour/Échap depuis la fiche détaillée ne retouche plus la hauteur du volet
téléphone (openTab remplacé par un rétablissement direct de l'onglet) ; le
fond OSM suit le thème sauf choix explicite (migration du localStorage et des
défauts serveur en v3, plus de dark:true hérité de l'ex-webapp) et part du
bon thème dès sa création (plus de flash sombre) ; l'onglet Export mémorisé ne
recadre plus la vue au premier rendu (lien partagé préservé) et referme son
cadre pendant que la fiche détaillée est ouverte ; la qualité affichée suit le
nom réel de la dalle rendue ; un second clic referme la fiche au lieu de
déplacer son contour derrière elle ; couleurs en dur restantes tokenisées
(--tile-sel, --gps, .gen-log) et lisibles en thème clair ; localStorage
corrompu (lidar-panel, lidar-print) n'y casse plus l'interface.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

lidar_pipeline/web/map.css

@@ -19,6 +19,10 @@
   --gen-pending: #0b8fc0;
   --gen-failed: #c8452c;
   --gen-sel: var(--accent);
+  /* Contour de sélection de dalle : plus sombre en thème clair (lisible sur
+     le fond OSM clair), jaune franc en thème sombre. */
+  --tile-sel: #b8860b;
+  --gps: #39d98a;
   --fs-xs: 11px; --fs-sm: 12px; --fs-md: 13px; --fs-lg: 16px;
   --r-sm: 6px; --r-md: 10px; --r-full: 999px;
   --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
@@ -34,6 +38,7 @@
     --border: rgba(255, 255, 255, 0.12); --text: #d9dee6; --muted: #8b94a3;
     --accent: #5aa9e6; --on-accent: #0b0e13; --track: rgba(255, 255, 255, 0.18);
     --print: #ffd166; --gen-running: #f4a261; --gen-pending: #4cc9f0; --gen-failed: #e76f51;
+    --tile-sel: #ffd24a;
     --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.4); --shadow-lg: 0 6px 24px rgba(0, 0, 0, 0.45);
   }
 }
@@ -43,6 +48,7 @@
   --border: rgba(255, 255, 255, 0.12); --text: #d9dee6; --muted: #8b94a3;
   --accent: #5aa9e6; --on-accent: #0b0e13; --track: rgba(255, 255, 255, 0.18);
   --print: #ffd166; --gen-running: #f4a261; --gen-pending: #4cc9f0; --gen-failed: #e76f51;
+  --tile-sel: #ffd24a;
   --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.4); --shadow-lg: 0 6px 24px rgba(0, 0, 0, 0.45);
 }
 
@@ -188,6 +194,10 @@ input[type="range"]::-moz-range-thumb { width: 10px; height: 10px; border-radius
 
 /* --- génération de tuiles ------------------------------------------------ */
 .print-msg { font-size: var(--fs-sm); margin-left: 8px; }
+/* #1b1b1b (glyphe + bordure) reste en dur volontairement : --print est un jaune/ambre
+   proche dans les deux thèmes (#d99a00 clair, #ffd166 sombre), un texte sombre fixe
+   y garde un contraste correct dans les deux cas — un token --text/--on-accent
+   changerait de sens (clair en thème sombre) et casserait ce contraste. */
 .print-handle { display: flex; align-items: center; justify-content: center; cursor: move;
   font-size: var(--fs-lg); color: #1b1b1b; background: var(--print); border: 2px solid #1b1b1b;
   border-radius: var(--r-full); box-shadow: 0 1px 6px rgba(0,0,0,0.5); }
@@ -198,8 +208,8 @@ body.drawing .leaflet-container { cursor: crosshair !important; }
 .chk { display: flex; gap: 7px; align-items: center; font-size: var(--fs-xs);
   color: var(--muted); margin: 4px 0; cursor: pointer; }
 .chk input { accent-color: var(--accent); }
-.gen-log { font: var(--fs-xs)/1.5 ui-monospace, "SF Mono", Menlo, monospace; color: var(--muted);
-  background: rgba(0,0,0,0.35); border: 1px solid var(--border); border-radius: var(--r-sm);
+.gen-log { font: var(--fs-xs)/1.5 ui-monospace, "SF Mono", Menlo, monospace; color: var(--text);
+  background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--r-sm);
   padding: 6px 8px; max-height: 130px; overflow-y: auto; white-space: pre-wrap;
   word-break: break-all; margin: 6px 0; }
 #tools button.busy { color: var(--accent); border-color: var(--accent); }