.account-nav {
  box-sizing: border-box;
  color: inherit;
  text-decoration: none;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: var(--control-h, 32px);
  max-width: min(24vw, 12rem);
  padding: 0 10px;
  border: 1px solid var(--color-separator, #647386);
  border-radius: 6px;
}
.account-nav bdi { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-nav:focus-visible { outline: 2px solid var(--color-accent, #275d8c); outline-offset: -3px; }
@media (max-width: 639px) {
  .native-app:has(.account-nav) { --topbar-h: 48px; }
}