feat(lab): stabilize autonomous TGS playback

apps/control-station/src/styles/m4-replay-threat.css

@@ -236,9 +236,10 @@
   box-sizing: border-box;
   min-width: 0;
   align-items: stretch;
-  width: max-content;
-  max-width: calc(var(--m4-replay-threat-overlay-pane-width, 100%) - 1.2rem);
-  grid-template-columns: minmax(0, max-content);
+  width: min(17.5rem, calc(var(--m4-replay-threat-overlay-pane-width, 100%) - 1.2rem));
+  max-width: none;
+  grid-auto-rows: 3.8rem;
+  grid-template-columns: minmax(0, 1fr);
   gap: 0.3rem;
   overflow: hidden;
   background: transparent;
@@ -247,6 +248,9 @@
 }
 
 .m4-replay-threat-visual__overlay > div {
+  box-sizing: border-box;
+  height: 3.8rem;
+  grid-template-rows: auto auto minmax(1.32rem, 1fr);
   border-radius: var(--nodedc-radius-control-compact);
   background: color-mix(in srgb, var(--nodedc-floating-surface) 80%, transparent);
   padding: 0.55rem 0.65rem;
@@ -254,15 +258,24 @@
 }
 
 .m4-replay-threat-visual__overlay span,
-.m4-replay-threat-visual__overlay strong,
-.m4-replay-threat-visual__overlay small {
+.m4-replay-threat-visual__overlay strong {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
+.m4-replay-threat-visual__overlay small {
+  display: -webkit-box;
+  min-height: 1.32rem;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  white-space: normal;
+}
+
 @media (max-width: 900px) {
   .m4-replay-threat-visual__overlay {
+    width: min(17.5rem, calc(100% - 1.2rem));
     max-width: calc(100% - 1.2rem);
   }
 }
@@ -372,3 +385,13 @@
   background: var(--nodedc-text-muted);
   opacity: 0.42;
 }
+
+.laboratory-metric-evidence-scene__legend span[data-decision="performance"] {
+  font-variant-numeric: tabular-nums;
+}
+
+.laboratory-metric-evidence-scene__legend span[data-decision="performance"]::before {
+  box-sizing: border-box;
+  border: 1px solid rgb(var(--nodedc-accent-rgb));
+  background: transparent;
+}