/* Portal-only header controls; the standalone marketing image has no login link. */
.top .btn-customer-login {
  background: var(--cta-text);
  color: var(--cta-bg);
  border-color: var(--cta-bg);
  box-shadow: none;
}
.top .btn-customer-login:hover {
  color: var(--cta-hover);
  border-color: var(--cta-hover);
  background: color-mix(in srgb, var(--cta-text) 92%, var(--cta-bg));
}
.top .nav .mobile-beta { display: none; }
@media (max-width: 600px) {
  .top .wrap { position: relative; gap: 8px; }
  .top .brand { min-height: 44px; }
  .top .header-actions { width: 100%; }
  .top .menu-button { position: absolute; top: 10px; right: 52px; }
  .top .theme-button { position: absolute; top: 10px; right: 0; }
  .top .header-actions > .btn {
    display: inline-flex;
    justify-content: center;
    flex: 1;
    min-height: 44px;
    padding-inline: 8px;
  }
  section[id], #beta-form :is(input,select,textarea,button) {
    scroll-margin-top: 140px;
  }
}