/* Shared account-entry controls across the product surface. */
.nav-login {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid rgba(184, 116, 255, 0.64);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(134, 57, 210, 0.42), rgba(68, 24, 122, 0.56));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 7px 18px rgba(74, 24, 129, 0.25);
  color: #eadbff;
  text-decoration: none;
  white-space: nowrap;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.nav-login::after { content: none; }

.nav-login:hover {
  border-color: rgba(221, 188, 255, 0.9);
  background: linear-gradient(135deg, rgba(162, 86, 239, 0.58), rgba(92, 35, 164, 0.7));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 9px 22px rgba(97, 34, 171, 0.4);
  color: #fff;
  transform: translateY(-1px);
}

.nav-login:focus-visible {
  outline: 2px solid #e7ccff;
  outline-offset: 2px;
}

/* RVOL's dense mobile status strip keeps the two entry controls together. */
.screener-auth-pills {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

@media (max-width: 760px) {
  .rvol-screener-status {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
  }

  .screener-auth-pills {
    margin-left: auto;
  }

  .screener-auth-pills .nav-login {
    min-height: 30px;
    padding-inline: 10px;
  }
}