fix(mobile): hide brand text and profile text on mobile viewports for compact nav bar (v24)

css/styles.css

@@ -2529,14 +2529,13 @@ body {
     gap: 0;
     flex-shrink: 0;
   }
-  .brand-name {
-    display: none;
+  .brand-text {
+    display: none !important;
   }
   .brand-logo-emblem {
     width: 32px;
     height: 32px;
   }
-  .brand-text .brand-tagline,
   .badge-live-pulse {
     display: none;
   }
@@ -2562,17 +2561,29 @@ body {
     flex-shrink: 0;
   }
   .user-profile-pill {
-    padding: 6px;
+    padding: 0;
     border-radius: 50%;
     width: 32px;
     height: 32px;
+    min-width: 32px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 0.72rem;
   }
-  .user-profile-pill span:last-child {
-    display: none;
+  .user-profile-pill #user-profile-pill {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .user-profile-pill #user-profile-pill span:last-child {
+    display: none !important;
+  }
+  .avatar-dot {
+    margin: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 
   /* Sleek Floating Top Driving Capsule */