/* The clickable user area (name + avatar) */
.account-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

/* The dropdown itself */
.account-dropdown {
  position: absolute;
  top: calc(100% + .5rem);
  right: 0;
  min-width: 200px;

  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-2);
  padding: .5rem;

  z-index: 1000;
}