B-214: keep desktop header commands visible instead of behind ellipsis

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: multica-agent <github@multica.ai>

app/frontend/shared/auth.css

@@ -1179,27 +1179,27 @@ button.account-role-badge:focus-visible {
   gap: 3px;
 }
 
-@media (min-width: 1280px) and (max-width: 1510px) {
+@media (min-width: 1280px) {
   .app-header .header-command-group .account-role-badge span {
-    display: inline;
+    display: none;
   }
 
   .app-header .header-command-group .account-role-badge {
-    min-width: 0;
+    min-width: 28px;
 
-    justify-content: flex-start;
+    justify-content: center;
+
+    padding-inline: 6px;
   }
-}
 
-@media (min-width: 1380px) and (max-width: 1510px) {
-  #settingsButton,
   .header-command-group .account-button {
     width: auto;
 
-    padding: 0px 9px;
+    max-width: 108px;
+
+    padding: 0px 8px;
   }
 
-  #settingsButton > span,
   .header-command-group .account-button > span {
     display: inline;
   }