From babd55eae186c1f4368bf9694f76db80ea34d0e8 Mon Sep 17 00:00:00 2001
From: manjunath22466 <301209272+manjunath22466@users.noreply.github.com>
Date: Mon, 2 Nov 2026 23:57:40 +0530
Subject: [PATCH] style(voice): centre main's icon-only dock wings

Main now hides the wing labels at 900px and below outside Cyber, so keep
only the centring of the remaining icons and leave Cyber's labels alone.
---
 src/ui/styles/ai-chat.css | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/ui/styles/ai-chat.css b/src/ui/styles/ai-chat.css
index b5cd15d6e..9b4ab7ae8 100644
--- a/src/ui/styles/ai-chat.css
+++ b/src/ui/styles/ai-chat.css
@@ -360,23 +360,24 @@
   height: 1.25rem;
   flex-basis: 1.25rem;
 }
-/* The narrow dock's wings are too slim for their labels; show icons only. */
+/* At this width main shows the wings' icons only (command-dock-trays.css);
+   centre them in the slim wings. Cyber keeps its labels. */
 @media (max-width: 900px) {
-  #command-dock > :is(#location-bar, #control-panel) .dock-tray-toggle {
+  :root:not([data-ui-theme='cyber'])
+    #command-dock
+    > :is(#location-bar, #control-panel)
+    .dock-tray-toggle {
     justify-content: center;
   }
-  #command-dock :is(.location-toolbar-label, .panel-header .panel-title) {
+  :root:not([data-ui-theme='cyber'])
+    #command-dock
+    :is(#location-bar, #control-panel)
+    :is(.location-toolbar-label, .panel-title) {
     width: auto;
     min-width: 0;
-    font-size: 0;
-    letter-spacing: 0;
-    gap: 0;
     justify-content: center;
   }
-  #command-dock #location-bar .location-toolbar-label {
-    justify-content: center;
-  }
-  #command-dock .dock-label-icon {
+  :root:not([data-ui-theme='cyber']) #command-dock .dock-label-icon {
     width: 1.25rem;
     height: 1.25rem;
     flex-basis: 1.25rem;