v2026.5.35 — Fix popup épinglé position vue horizontale + stats gauche

viewer.css

@@ -3495,21 +3495,29 @@ html.view-horizontal .card {
 }
 
 /* Header devient une barre latérale gauche fixe */
+/* v2026.5.35 : réduit à 140px (au lieu de 200px) pour donner plus de place à la timeline */
 html.view-horizontal .card-header {
   flex-direction: column !important;
   align-items: flex-start !important;
   justify-content: center !important;
-  min-width: 200px !important;
-  max-width: 200px !important;
+  min-width: 140px !important;
+  max-width: 140px !important;
   border-bottom: none !important;
   border-right: 1px solid var(--border) !important;
-  padding: 8px 12px !important;
-  gap: 4px !important;
+  padding: 6px 10px !important;
+  gap: 3px !important;
   flex: 0 0 auto;
 }
 html.view-horizontal .card-tech-name {
-  font-size: 14px !important;
+  font-size: 13px !important;
   font-weight: 600;
+  line-height: 1.2 !important;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  max-width: 100%;
 }
 html.view-horizontal .card-tech-badge {
   font-size: 10px !important;
@@ -3575,3 +3583,58 @@ html.view-horizontal .tech-row-stats .stat-pill {
 html.view-classic .tech-row-stats {
   display: none !important;
 }
+
+/* ==========================================================================
+   v2026.5.35 : en vue horizontale, stats globales sur le CÔTÉ GAUCHE
+   (colonne verticale fixe) au lieu d'être au-dessus des cartes.
+   Libère de la hauteur verticale pour les 8 techs.
+   ========================================================================== */
+html.view-horizontal main {
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
+}
+
+html.view-horizontal .stats {
+  flex: 0 0 auto;
+  width: 200px;
+  flex-direction: column !important;
+  align-items: flex-start !important;
+  gap: 8px !important;
+  padding: 12px 16px !important;
+  border-right: 1px solid var(--border);
+  background: var(--bg-muted);
+  position: sticky;
+  top: 0;
+  align-self: flex-start;
+  min-height: calc(100vh - 80px);
+  font-size: 12px !important;
+}
+
+html.view-horizontal .stats .global-stat {
+  display: block;
+  width: 100%;
+  padding: 4px 0;
+}
+html.view-horizontal .stats .global-stat-main b {
+  font-size: 18px !important;
+  color: var(--text);
+}
+/* Masquer les séparateurs "·" en vue verticale */
+html.view-horizontal .stats .global-stat-sep {
+  display: none !important;
+}
+
+html.view-horizontal .cards {
+  flex: 1 1 auto;
+  min-width: 0;   /* autorise le shrink si grand nombre de techs */
+}
+
+/* Breakpoint étroit : stats plus compactes */
+@media (max-width: 1400px) {
+  html.view-horizontal .stats {
+    width: 160px;
+    padding: 8px 12px !important;
+    font-size: 11px !important;
+  }
+}