feat(observatory): admit canonical recorded replay

apps/control-station/src/styles/observatory.css

@@ -145,6 +145,66 @@
   gap: 0.85rem;
 }
 
+.observatory-evidence-card__heading,
+.observatory-evidence-card__action,
+.observatory-replay__header,
+.observatory-replay-state,
+.observatory-replay-state__actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.85rem;
+}
+
+.observatory-evidence-card__heading,
+.observatory-evidence-card__action,
+.observatory-replay__header,
+.observatory-replay-state {
+  flex-wrap: wrap;
+}
+
+.observatory-evidence-card__heading > div,
+.observatory-evidence-card__action > span,
+.observatory-replay__header > div,
+.observatory-replay-state > div {
+  min-width: 0;
+}
+
+.observatory-evidence-card__action {
+  padding-top: 0.85rem;
+  border-top: 1px solid rgba(var(--nodedc-accent-rgb), 0.18);
+}
+
+.observatory-evidence-card__action > span {
+  color: var(--nodedc-text-muted);
+  font-size: var(--nodedc-font-size-xs);
+}
+
+.observatory-replay,
+.observatory-replay-state {
+  min-width: 0;
+}
+
+.observatory-replay {
+  display: grid;
+  gap: 0.85rem;
+}
+
+.observatory-replay__header {
+  padding: 0.25rem 0.25rem 0;
+}
+
+.observatory-replay__header h3,
+.observatory-replay-state h3 {
+  margin: 0.3rem 0 0;
+}
+
+.observatory-replay__header p,
+.observatory-replay-state p {
+  margin: 0.35rem 0 0;
+  color: var(--nodedc-text-muted);
+}
+
 .observatory-evidence-list strong,
 .observatory-evidence-list span {
   display: block;
@@ -191,6 +251,13 @@
     flex-direction: column;
   }
 
+  .observatory-evidence-card__action,
+  .observatory-replay__header,
+  .observatory-replay-state {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
   .observatory-catalog-bar__controls {
     flex-basis: auto;
   }