refine Semi UI track replay workspace

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

@@ -427,7 +427,7 @@
 /* Semi UI trajectory replay workspace: one evidence rail, one map overlay and
  * one compact playback surface. */
 .v2-track-page {
-  grid-template-columns: 352px minmax(0, 1fr);
+  grid-template-columns: 340px minmax(0, 1fr);
   background: #edf2f7;
 }
 
@@ -530,6 +530,28 @@
   padding: 12px 14px 15px;
 }
 
+.v2-track-query .v2-track-date-grid {
+  grid-template-columns: 1fr;
+}
+
+.v2-track-query .v2-track-vehicle-picker.is-open {
+  height: auto;
+  flex-wrap: wrap;
+}
+
+.v2-track-query .v2-track-vehicle-options {
+  position: relative;
+  inset: auto;
+  width: 100%;
+  max-height: 174px;
+  flex: 1 0 100%;
+  overflow: auto;
+  margin-top: 2px;
+  border-radius: 8px;
+  box-shadow: 0 8px 22px rgba(29, 43, 63, .11);
+  overscroll-behavior: contain;
+}
+
 .v2-track-rail-result {
   display: flex;
   min-height: 0;
@@ -868,12 +890,30 @@
   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 {
-  font-size: 11px;
+  margin-top: 3px;
+  font-size: 10px;
 }
 
 .v2-track-segment-rail,
@@ -887,9 +927,15 @@
 }
 
 .v2-track-progress-meta {
+  align-items: center;
   font-size: 10px;
 }
 
+.v2-track-progress-meta > span {
+  color: #5f7188;
+  font-weight: 650;
+}
+
 .v2-track-dock-controls {
   gap: 4px;
 }
@@ -909,7 +955,7 @@
 
 @media (max-width: 1180px) {
   .v2-track-page {
-    grid-template-columns: 320px minmax(0, 1fr);
+    grid-template-columns: 312px minmax(0, 1fr);
   }
 
   .v2-track-page.is-rail-collapsed {
@@ -955,8 +1001,17 @@
     padding: 8px 13px;
   }
 
-  .v2-track-result-header {
-    min-height: 60px;
+  .v2-track-query .v2-track-vehicle-options {
+    max-height: 156px;
+  }
+
+  .v2-track-detail-sidesheet .v2-track-result-header {
+    display: none;
+  }
+
+  .v2-track-detail-sidesheet .v2-track-date-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 7px;
   }
 
   .v2-track-stage-tools {