/* Header */
.site-header {
  border-bottom: 1px solid rgba(21, 61, 96, 0.07);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 9px 30px rgba(21, 61, 96, 0.07);
  backdrop-filter: blur(14px);
}

.site-header .desktop-nav--context ul li a {
  color: var(--ui-ink);
  font-weight: 650;
}

.site-header nav ul li a:hover {
  color: var(--ui-green-dark);
}

.site-header .desktop-nav--context ul li a.active::after {
  background: var(--ui-green);
}

.site-header .account-btn {
  border-color: var(--ui-line);
  color: var(--ui-ink);
  background: #fff;
  box-shadow: 0 6px 18px rgba(21, 61, 96, 0.04);
}

.site-header .account-btn--accent {
  border-color: var(--ui-green);
  color: #fff;
  background: var(--ui-green);
}

.site-header .desktop-nav--context ul li.auth .account-btn--accent,
.site-header .desktop-nav--context ul li.auth .account-btn--accent.active,
.site-header .desktop-nav--context ul li.auth .account-btn--accent:visited {
  padding: 0.82rem 1.12rem;
  border-color: var(--ui-green-dark);
  border-radius: 999px;
  color: #fff;
  background: var(--ui-green-dark);
  box-shadow: 0 9px 22px rgba(38, 121, 46, 0.2);
}

.site-header .desktop-nav--context ul li.auth .account-btn--accent:hover {
  border-color: #1f6827;
  color: #fff;
  background: #1f6827;
}

.site-header .desktop-nav--context ul li.auth .account-btn--accent:focus-visible {
  outline: 3px solid rgba(47, 148, 55, 0.28);
  outline-offset: 3px;
}

.site-header .desktop-nav--context ul li.auth .account-btn--accent::after {
  display: none;
}

.site-header .desktop-nav--context ul li.auth .account-actions {
  gap: 0.55rem;
}

.site-header .desktop-nav--context ul li.auth .account-btn,
.site-header .desktop-nav--context ul li.auth .logout--desktop {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.7rem 1rem;
  border: 1px solid var(--ui-line-strong);
  border-radius: 999px;
  color: var(--ui-ink);
  background: #fff;
  font-size: 0.94rem;
  font-weight: 750;
  line-height: 1;
  box-shadow: 0 6px 18px rgba(21, 61, 96, 0.05);
}

.site-header .desktop-nav--context ul li.auth .account-btn.active {
  border-color: var(--ui-green-dark);
  color: #fff;
  background: var(--ui-green-dark);
  box-shadow: 0 9px 22px rgba(38, 121, 46, 0.2);
}

.site-header .desktop-nav--context ul li.auth .account-btn::after {
  display: none;
}

.site-header .desktop-nav--context ul li.auth .account-btn:hover {
  border-color: rgba(47, 148, 55, 0.28);
  color: var(--ui-green-dark);
  background: var(--ui-green-soft);
}

.site-header .desktop-nav--context ul li.auth .account-btn.active:hover {
  border-color: #1f6827;
  color: #fff;
  background: #1f6827;
}

.site-header .desktop-nav--context ul li.auth .logout--desktop:hover {
  border-color: rgba(21, 61, 96, 0.22);
  color: var(--ui-ink);
  background: var(--ui-surface-soft);
  transform: none;
}

.site-header .desktop-nav--context ul li.auth .account-btn:focus-visible,
.site-header .desktop-nav--context ul li.auth .logout--desktop:focus-visible {
  outline: 3px solid rgba(47, 148, 55, 0.25);
  outline-offset: 3px;
}