style: format the UI shell and component styles

src/ui/styles/command-dock-trays.css

@@ -5,7 +5,9 @@
   --dock-presets-pinned-height: 0px;
   --dock-pinned-stack-height: 0px;
   --dock-lower-pinned-height: 0px;
-  --dock-unified-width: calc(var(--dock-side-compact) * 2 + var(--dock-voice-width));
+  --dock-unified-width: calc(
+    var(--dock-side-compact) * 2 + var(--dock-voice-width)
+  );
   --dock-location-open: max(34rem, calc(var(--dock-unified-width) + 0.75rem));
   --dock-presets-open: max(34rem, calc(var(--dock-unified-width) + 0.75rem));
 }
@@ -33,7 +35,9 @@
   -webkit-mask-position: center;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: contain;
-  transition: background-color 160ms ease, filter 160ms ease;
+  transition:
+    background-color 160ms ease,
+    filter 160ms ease;
 }
 
 #command-dock .dock-label-icon-location {
@@ -53,12 +57,10 @@
 }
 
 #command-dock :is(#location-bar, #control-panel):hover .location-toolbar-label,
-#command-dock :is(#location-bar, #control-panel):hover .panel-title{
+#command-dock :is(#location-bar, #control-panel):hover .panel-title {
   color: var(--accent);
 }
 
-
-
 #command-dock #control-panel .panel-header {
   justify-content: center;
 }
@@ -173,7 +175,9 @@
   width: 0.9rem;
   height: 0.9rem;
   opacity: 0.58;
-  transition: opacity 160ms ease, transform 160ms ease;
+  transition:
+    opacity 160ms ease,
+    transform 160ms ease;
 }
 
 #command-dock #location-bar .dock-pin-btn {
@@ -188,12 +192,18 @@
   transform: rotate(-12deg) scale(1.08);
 }
 
-#command-dock.dock-has-pinned-tray #location-bar:not(.collapsed):not(.dock-pinned) .dock-popover-content,
-#command-dock.dock-has-pinned-tray #control-panel:not(.collapsed):not(.dock-pinned) .dock-popover-content {
+#command-dock.dock-has-pinned-tray
+  #location-bar:not(.collapsed):not(.dock-pinned)
+  .dock-popover-content,
+#command-dock.dock-has-pinned-tray
+  #control-panel:not(.collapsed):not(.dock-pinned)
+  .dock-popover-content {
   bottom: calc(100% + 1.2rem + var(--dock-pinned-stack-height));
 }
 
-#command-dock.dock-has-two-pinned-trays .dock-pinned-top.dock-pinned:not(.collapsed) .dock-popover-content {
+#command-dock.dock-has-two-pinned-trays
+  .dock-pinned-top.dock-pinned:not(.collapsed)
+  .dock-popover-content {
   bottom: calc(100% + 1.2rem + var(--dock-lower-pinned-height));
 }
 
@@ -264,7 +274,9 @@
   background: rgba(0, 212, 255, 0.06);
   border: 1px solid rgba(0, 212, 255, 0.48);
   border-radius: 50%;
-  box-shadow: 0 0 0 0.18rem rgba(0, 212, 255, 0.06), 0 0 0.9rem rgba(0, 212, 255, 0.12);
+  box-shadow:
+    0 0 0 0.18rem rgba(0, 212, 255, 0.06),
+    0 0 0.9rem rgba(0, 212, 255, 0.12);
 }
 
 #command-dock .gev-mic-label {
@@ -288,9 +300,13 @@
   transition: opacity 180ms ease;
 }
 
-#command-dock #gev-voice-control[data-status='connecting'] .gev-voice-visualizer,
+#command-dock
+  #gev-voice-control[data-status='connecting']
+  .gev-voice-visualizer,
 #command-dock #gev-voice-control[data-status='listening'] .gev-voice-visualizer,
-#command-dock #gev-voice-control[data-status='executing'] .gev-voice-visualizer {
+#command-dock
+  #gev-voice-control[data-status='executing']
+  .gev-voice-visualizer {
   visibility: visible;
   opacity: 1;
   transform: none;
@@ -362,16 +378,23 @@
   background: rgba(34, 10, 16, 0.96);
   border: 1px solid rgba(255, 92, 110, 0.5);
   border-radius: 0.42rem;
-  box-shadow: 0 0.9rem 2.2rem rgba(0, 0, 0, 0.62), 0 0 1.4rem rgba(255, 92, 110, 0.08);
+  box-shadow:
+    0 0.9rem 2.2rem rgba(0, 0, 0, 0.62),
+    0 0 1.4rem rgba(255, 92, 110, 0.08);
   backdrop-filter: blur(28px) saturate(1.25);
   -webkit-backdrop-filter: blur(28px) saturate(1.25);
   pointer-events: none;
   transform: translate(-50%, 0.55rem) scale(0.985);
   transform-origin: bottom center;
-  transition: opacity 180ms ease, visibility 180ms ease, transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
+  transition:
+    opacity 180ms ease,
+    visibility 180ms ease,
+    transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
 }
 
-#command-dock #gev-voice-control[data-status='error']:not(.error-dismissed) .gev-voice-error-tray {
+#command-dock
+  #gev-voice-control[data-status='error']:not(.error-dismissed)
+  .gev-voice-error-tray {
   visibility: visible;
   opacity: 1;
   pointer-events: auto;
@@ -421,7 +444,10 @@
 
 /* The compact dock leaves both lower corners free for required attribution and telemetry. */
 body:not(.ui-clean-view):not(.recording-mode) #cesium-credits,
-body:not(.ui-clean-view):not(.recording-mode):has(#intel-hud[data-variant='minimal'].active) #cesium-credits {
+body:not(.ui-clean-view):not(.recording-mode):has(
+    #intel-hud[data-variant='minimal'].active
+  )
+  #cesium-credits {
   right: auto;
   bottom: 0.75rem;
   left: 1.5rem;
@@ -452,7 +478,10 @@ body:not(.ui-clean-view):not(.recording-mode):has(#intel-hud[data-variant='minim
 
 @media (max-width: 900px) {
   body:not(.ui-clean-view):not(.recording-mode) #cesium-credits,
-  body:not(.ui-clean-view):not(.recording-mode):has(#intel-hud[data-variant='minimal'].active) #cesium-credits {
+  body:not(.ui-clean-view):not(.recording-mode):has(
+      #intel-hud[data-variant='minimal'].active
+    )
+    #cesium-credits {
     bottom: calc(2vh + 5rem);
     left: 0.75rem;
     max-width: calc(100vw - 1.5rem);
@@ -480,4 +509,3 @@ body:not(.ui-clean-view):not(.recording-mode):has(#intel-hud[data-variant='minim
     bottom: calc(50vh + 8px);
   }
 }
-