.guest-only[hidden],
.user-only[hidden] {
  display: none !important;
}

.auth-nav {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  padding: 0 3px;
}

.auth-nav .nav-item {
  border: 1px solid var(--line);
  background: var(--card);
  padding: 10px 6px;
  text-align: center;
  font-size: 13px;
}

.auth-nav .nav-item:hover,
.auth-nav .nav-item.active {
  border-color: #cbd4ff;
  background: var(--soft);
}

.account-link {
  border: 0;
  background: transparent;
  font: inherit;
  cursor: pointer;
  text-align: left;
}