/* Низ меню Welcome: профиль и три кнопки. Только продукт поддержки.
   Цвета из --ov-* меню (welcome-shell.css): меню тёмное в обеих темах. */
html body.product-support #s2ExtActions.wsf-ready {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-top: auto !important;
  padding: 14px 4px 4px !important;
  border-top: 1px solid var(--ov-line) !important;
}
html body.product-support #s2ExtActions .wsf-profile {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 8px 10px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--ov-text) 5%, transparent);
}
html body.product-support #s2ExtActions .wsf-avatar {
  display: grid;
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--ov-active);
  color: var(--ov-text);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}
html body.product-support #s2ExtActions .wsf-meta { display: flex; flex-direction: column; min-width: 0; }
html body.product-support #s2ExtActions .wsf-meta #authBadge {
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: var(--ov-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
  text-overflow: ellipsis;
  text-transform: none !important;
  white-space: nowrap;
}
html body.product-support #s2ExtActions .wsf-role {
  overflow: hidden;
  color: var(--ov-muted);
  font-size: 11px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html body.product-support #s2ExtActions .support-pill { display: none !important; }
html body.product-support #s2ExtActions .wsf-actions {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 0 6px;
}
html body.product-support #s2ExtActions .wsf-actions .wsf-btn {
  display: grid !important;
  place-items: center !important;
  flex: none !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--ov-line) !important;
  border-radius: 10px !important;
  background: color-mix(in srgb, var(--ov-text) 4%, transparent) !important;
  box-shadow: none !important;
  color: var(--ov-muted) !important;
  font-size: 0 !important;
  transition: background-color .15s, color .15s, border-color .15s;
}
html body.product-support #s2ExtActions .wsf-actions .wsf-btn svg {
  width: 17px !important;
  height: 17px !important;
  margin: 0 !important;
  vertical-align: 0 !important;
}
html body.product-support #s2ExtActions .wsf-actions .wsf-btn:hover {
  background: color-mix(in srgb, var(--ov-text) 9%, transparent) !important;
  color: var(--ov-text) !important;
}
html body.product-support #s2ExtActions .wsf-actions #logoutBtn:hover {
  border-color: color-mix(in srgb, var(--ov-bad) 35%, transparent) !important;
  background: color-mix(in srgb, var(--ov-bad) 14%, transparent) !important;
  color: var(--ov-bad) !important;
}
html body.product-support #s2ExtActions .wsf-actions .wsf-btn:focus-visible {
  outline: 2px solid var(--ov-focus) !important;
  outline-offset: 2px !important;
}
html body.product-support #s2ExtActions .wsf-sr {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}
/* Узкая колонка: кнопки сближаются, имя и роль обрезаются многоточием */
@media (max-width: 1100px) {
  html body.product-support #s2ExtActions .wsf-actions { gap: 4px; padding: 0; }
}
/* Выезжающее меню на телефоне */
@media (max-width: 900px) {
  html body.product-support #s2ExtActions.wsf-ready { padding-bottom: 12px !important; }
  html body.product-support #s2ExtActions .wsf-actions { padding: 0 6px; }
}

/* Иконки ровно по центру квадратных кнопок: у svg был vertical-align от строки текста. */
body.product-support #s2ExtActions #themeToggleBtn,
body.product-support #s2ExtActions #openChangeCredsModalBtn,
body.product-support #s2ExtActions #logoutBtn{display:inline-flex !important;align-items:center;justify-content:center;padding:0 !important;line-height:0;font-size:0 !important}
body.product-support #s2ExtActions #themeToggleBtn svg,
body.product-support #s2ExtActions #openChangeCredsModalBtn svg,
body.product-support #s2ExtActions #logoutBtn svg{vertical-align:0 !important;display:block;margin:0 !important;width:18px !important;height:18px !important;flex:none}