.account-nav {display:flex;align-items:center;gap:18px}
.account-avatar.account-avatar {
  display:inline-flex;position:relative;align-items:center;justify-content:center;
  width:44px;height:44px;min-width:44px;min-height:44px;padding:0;
  box-sizing:border-box;flex:0 0 44px;overflow:hidden;border-radius:50%;
  border:1px solid #c6d9d3;background:#eff6f3;color:#14564b;
  vertical-align:middle;text-decoration:none;
}
.account-avatar svg {width:28px;height:28px;flex:none}
.account-avatar img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.account-avatar img[hidden],.account-avatar[hidden] {display:none}
.account-avatar:focus-visible {outline:3px solid #27786a;outline-offset:4px}
.account-avatar:hover {border-color:#14564b}

.account-brand {display:inline-flex;align-items:center;gap:8px;direction:rtl;flex:0 0 auto;min-width:0}
.account-brand .wordmark,.account-brand .logo {margin:0;white-space:nowrap}