.account { position: relative; }
.account__menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 60;
  min-width: 15rem;
  padding: 8px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 18px 40px rgba(12, 44, 110, .18);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.account__menu[hidden] { display: none; }
.account__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border-radius: 9px;
  font-size: 0.9688rem;
  color: var(--ink);
}
.account__item:hover { background: var(--brand-tint); color: var(--brand); }
.account__item svg { flex: 0 0 auto; }