/* BETA-032: «Войти» = объём «Хочу помогать», не трогая остальные CTA. */
.auth-pill__login,
html:not(.is-authed) #accountBtn{
  border-radius:999px !important;
  min-height:42px;
  padding:10px 18px !important;
  font-weight:800 !important;
  color:#1c4a38 !important;
  background:linear-gradient(#f6fff8,#e3f3e8) !important;
  border:1px solid #8fc9a0 !important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 4px 0 #2a6b4a,
    0 10px 18px rgba(30,80,50,.18),
    0 0 16px 5px rgba(72,210,130,.28) !important;
  transform:translateY(0);
  transition:transform .15s ease, box-shadow .15s ease;
}
.auth-pill__login:hover,
html:not(.is-authed) #accountBtn:hover,
.auth-pill__login:focus-visible,
html:not(.is-authed) #accountBtn:focus-visible{
  transform:translateY(-2px);
  outline:none;
  color:#1c4a38 !important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 6px 0 #245c40,
    0 14px 22px rgba(30,80,50,.22),
    0 0 0 2px #e9ffe8,
    0 0 20px 6px rgba(80,230,140,.5) !important;
}
.auth-pill__login:active,
html:not(.is-authed) #accountBtn:active{
  transform:translateY(3px);
  box-shadow:
    inset 0 2px 5px rgba(0,0,0,.12),
    0 1px 0 #2a6b4a,
    0 0 0 1px #cfe8d4 !important;
}
html.is-phone .auth-pill__login,
html.is-phone:not(.is-authed) #accountBtn{
  border-radius:999px !important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 4px 0 #2a6b4a,
    0 10px 18px rgba(30,80,50,.18),
    0 0 16px 5px rgba(72,210,130,.28) !important;
}
.auth-pill{overflow:visible !important; gap:10px !important; background:transparent !important; border:0 !important; box-shadow:none !important;}

/* Account link uses the same turquoise face and attached glow as Need Help. */
#accountBtn.auth-pill__login{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  text-align:center;
  text-decoration:none !important;
  text-decoration-line:none !important;
  max-width:none !important;
  min-width:0;
  min-height:48px;
  line-height:1.2;
  white-space:nowrap;
}
html.is-authed #accountBtn{
  color:#07352f !important;
  background:linear-gradient(#2fe0c8,#16b8a6) !important;
  border:1px solid #0e8f82 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 0 #0b6f66,0 10px 18px rgba(8,90,80,.22),0 0 14px 3px rgba(22,184,166,.35) !important;
  filter:none !important;
}
html.is-authed #accountBtn:hover,
html.is-authed #accountBtn:focus-visible{
  color:#042823 !important;
  transform:translateY(-2px);
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 0 #0a5f58,0 14px 22px rgba(8,90,80,.26),0 0 0 2px #d8fff6,0 0 18px 4px rgba(64,230,210,.55) !important;
}
html.is-authed #accountBtn:active{
  transform:translateY(3px);
  box-shadow:inset 0 3px 6px rgba(0,40,36,.25),0 1px 0 #0b6f66,0 0 0 1px #bff5ec !important;
}

/* Keep the phone account button aligned with the Need Help capsule. */
html.is-phone #top .header-actions .auth-pill{
  width:min(340px,calc(100% - 32px)) !important;
  min-width:0;
  align-items:stretch;
}
html.is-phone #top #accountBtn.auth-pill__login,
html.is-phone #top #joinBtn.auth-pill__signup{
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-width:0;
  min-height:48px !important;
  padding:12px 14px !important;
  line-height:1.1;
  letter-spacing:.02em;
  text-align:center;
  white-space:nowrap;
  text-decoration:none !important;
}