/* The account part of the top bar, on every page: "Sign in", or once
   signed in, a Dashboard link and the avatar with its menu. */
.nav-user { position: relative; display: flex; }
.nav-avatar {
  display: flex; align-items: center; justify-content: center; width: 34px; height: 34px;
  background: #7b2cbf; color: #fff; border: 0; border-radius: 0; cursor: pointer;
  font: 600 14px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-transform: uppercase;
}
.nav-avatar:hover, .nav-avatar[aria-expanded="true"] { background: #6a23a8; }
.nav-avatar:focus-visible { outline: 2px solid #7b2cbf; outline-offset: 3px; }
.nav-menu {
  position: absolute; right: 0; top: calc(100% + 12px); z-index: 10; width: 260px;
  background: #fff; border: 1px solid #ebebeb; text-align: left; line-height: 1.6;
}
.nav-menu[hidden] { display: none; }
.nav-menu-head { display: block; margin: 0; padding: 14px 16px; border-bottom: 1px solid #ebebeb; }
.nav-menu-label { font-size: 12px; color: #a3a3a3; }
.nav-menu-email { font-size: 14px; font-weight: 500; color: #0a0a0a; overflow-wrap: anywhere; }
.nav-menu button {
  display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 16px;
  background: none; border: 0; border-radius: 0; cursor: pointer; text-align: left;
  font: 14px "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #0a0a0a;
}
.nav-menu button:hover, .nav-menu button:focus-visible { background: #fafafa; outline: none; }
.nav-menu svg { flex: none; color: #525252; }