feat(ui): refine live observation workspace

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

@@ -69,6 +69,7 @@
 
 .observation-source-menu {
   overflow: hidden;
+  font-family: var(--nodedc-font-family);
 }
 
 .observation-source-menu__head,
@@ -81,7 +82,6 @@
   align-items: flex-end;
   justify-content: space-between;
   gap: 1rem;
-  border-bottom: 1px solid var(--station-hairline);
 }
 
 .observation-source-menu__head strong,
@@ -92,13 +92,13 @@
 .observation-source-menu__head strong {
   margin-top: 0.34rem;
   color: var(--nodedc-text-primary);
-  font-size: 0.76rem;
+  font-size: var(--nodedc-font-size-md);
 }
 
 .observation-source-menu__head small,
 .observation-source-menu__foot {
   color: var(--nodedc-text-muted);
-  font-size: 0.55rem;
+  font-size: var(--nodedc-font-size-xs);
   line-height: 1.4;
 }
 
@@ -176,7 +176,7 @@ i[data-availability="error"] {
 }
 
 .observation-source-menu__foot {
-  border-top: 1px solid var(--station-hairline);
+  border-top: 0;
 }
 
 .observation-media__asset,
@@ -307,13 +307,21 @@ i[data-availability="error"] {
   background: #06070a;
 }
 
+.floating-observation-window.nodedc-material-rim::after {
+  display: none;
+}
+
+.floating-observation-window[data-active="true"] {
+  box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 0.34);
+}
+
 .observation-timeline {
   display: grid;
   min-width: 0;
   grid-template-columns: auto auto minmax(0, 1fr) auto auto;
   align-items: center;
   gap: 0.6rem;
-  border: 1px solid rgb(255 255 255 / 0.055);
+  border: 0;
   border-radius: 0.9rem;
   background: rgb(9 10 13 / 0.78);
   padding: 0.4rem;
@@ -432,7 +440,7 @@ i[data-availability="error"] {
   min-height: 18rem;
   border-radius: 1rem;
   background: #07080a;
-  box-shadow: inset 0 0 0 1px var(--station-hairline);
+  box-shadow: none;
 }
 
 .camera-slot {