feat: unify track replay summary

vehicle-data-platform/apps/web/src/v2/styles/workspace.css

@@ -1607,29 +1607,6 @@
   background: #fff;
 }
 
-.v2-track-result-header {
-  min-height: 64px;
-  background: #fbfcfe;
-  padding: 10px 14px;
-}
-
-.v2-track-result-header .v2-workspace-panel-copy > h5.semi-typography {
-  color: #25384f;
-  font-size: 15px;
-}
-
-.v2-track-result-header .v2-workspace-panel-copy > .semi-typography {
-  color: #8592a3;
-  font-size: 11px;
-}
-
-.v2-track-result-header .v2-workspace-panel-meta .semi-tag {
-  border-radius: 999px;
-  padding-inline: 10px;
-  font-size: 11px;
-  font-weight: 700;
-}
-
 .v2-track-rail-tabs {
   height: 46px;
   flex-basis: 46px;
@@ -1935,37 +1912,11 @@
 
 .v2-track-playback-dock > .semi-card-body {
   min-height: 104px;
-  grid-template-columns: 150px minmax(240px, 1fr) auto;
+  grid-template-columns: minmax(240px, 1fr) auto;
   gap: 16px;
   padding: 11px 16px !important;
 }
 
-.v2-track-dock-summary small,
-.v2-track-dock-summary strong,
-.v2-track-dock-summary span {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.v2-track-dock-summary small {
-  margin-bottom: 2px;
-  color: #8593a5;
-  font-size: 9px;
-  font-weight: 650;
-  letter-spacing: .04em;
-}
-
-.v2-track-dock-summary strong {
-  font-size: 20px;
-}
-
-.v2-track-dock-summary span {
-  margin-top: 3px;
-  font-size: 10px;
-}
-
 .v2-track-segment-rail,
 .v2-track-segment-placeholder {
   height: 8px;
@@ -2028,9 +1979,6 @@
     grid-template-columns: minmax(220px, 1fr) auto;
   }
 
-  .v2-track-dock-summary {
-    display: none;
-  }
 }
 
 @media (max-width: 700px) {
@@ -2055,7 +2003,7 @@
     max-height: 156px;
   }
 
-  .v2-track-detail-sidesheet .v2-track-result-header {
+  .v2-track-detail-sidesheet .v2-track-result-metric-rail {
     display: none;
   }
 
@@ -23162,6 +23110,62 @@
   }
 }
 
+/*
+ * Track replay trip summary.
+ * The narrow evidence rail uses the same Semi metric language as monitor and
+ * vehicle workspaces, while playback controls remain focused on time and
+ * transport instead of repeating trip totals.
+ */
+.v2-track-result-metric-rail.is-queue.semi-card {
+  flex: 0 0 auto;
+  border-bottom-color: #dfe6ef;
+}
+
+.v2-track-result-metric-rail.is-queue > .semi-card-body {
+  min-height: 64px;
+  grid-template-columns: minmax(0, 1fr);
+}
+
+.v2-track-result-metric-rail .v2-workspace-metric-list {
+  grid-template-columns: 1.18fr .9fr .9fr 1fr;
+}
+
+.v2-track-result-metric-rail .v2-workspace-metric-list > span {
+  min-height: 64px;
+  grid-template-columns: minmax(0, 1fr);
+  column-gap: 0;
+  padding: 7px 8px;
+}
+
+.v2-track-result-metric-rail .v2-workspace-metric-list > span > :is(small, strong) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.v2-track-result-metric-rail .v2-workspace-metric-list > span > small {
+  font-size: 8px;
+}
+
+.v2-track-result-metric-rail .v2-workspace-metric-list > span > strong,
+.v2-track-result-metric-rail .v2-workspace-metric-list > span.is-secondary > strong {
+  font-size: clamp(14px, 1.2vw, 17px);
+  line-height: 20px;
+}
+
+.v2-track-result-metric-rail .v2-workspace-metric-list > span > em {
+  display: none;
+}
+
+@media (max-width: 680px) {
+  .v2-track-detail-sidesheet .v2-workspace-config-summary {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .v2-track-detail-sidesheet .v2-workspace-config-summary > span {
+    padding-inline: 8px;
+  }
+}
+
 /*
  * Monitor fleet summary.
  * Operational state remains prominent; high-volume ingest evidence is kept