/* hub_user_menu v1 2026-10-04: condensed profile/avatar menu. Uniform small pills in a 2-column grid.
   Overrides inline font:inherit / nowrap that made Last.fm friends, App lock and Colored usernames oversized.
   Colors still come from the theme / user-color tint rules (not touched here). */
.hub-user-chip .hub-user-menu { width: min(18rem, 90vw); max-width: min(18rem, 90vw); padding: 0.5rem 0.55rem 0.55rem; gap: 0.25rem; }
.hub-user-chip .hub-user-menu .hub-user-menu-actions {
  display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.3rem !important; align-items: stretch;
}
.hub-user-chip .hub-user-menu .hub-user-logout,
.hub-user-chip .hub-user-menu .hm-lfm-priv-open.hub-user-logout {
  font-family: inherit !important; font-size: 0.72rem !important; font-weight: 650 !important; line-height: 1.15 !important;
  padding: 0.34rem 0.5rem !important; margin: 0 !important; min-height: 1.95rem; width: 100%; box-sizing: border-box;
  display: inline-flex !important; align-items: center; justify-content: center; text-align: center;
  white-space: normal !important; overflow-wrap: anywhere; border-radius: 999px; cursor: pointer;
}
/* Last.fm friends sits just above the grid: same small pill, full row */
.hub-user-chip .hub-user-menu > .hm-lfm-priv-open.hub-user-logout { margin: 0.1rem 0 0 !important; }
/* long labels take the full row so they stay on one line */
.hub-user-chip .hub-user-menu .hub-user-menu-actions > .hub-user-namecol,
.hub-user-chip .hub-user-menu .hub-user-menu-actions > .hub-user-lib { grid-column: 1 / -1; flex-direction: column; }
.hub-user-chip .hub-user-menu .hub-user-lib > span { width: 100%; margin-top: 0.2rem !important; }
.hub-user-chip .hub-user-menu .hub-user-logout[hidden] { display: none !important; }
@media (min-width: 720px) {
  .hub-user-chip .hub-user-menu { width: 18.5rem; max-width: 18.5rem; }
}