/**
 * Auth / glass panels: edges defined in legacy style.css — slightly stronger separation
 * without changing layout. Loads after style.css.
 */

.auth-col {
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.auth-email-shell {
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.auth-continue-email {
  border-color: rgba(255, 255, 255, 0.14);
}

.auth-continue-email:hover {
  border-color: rgba(255, 255, 255, 0.24);
  background: color-mix(in srgb, var(--bg-elevated) 88%, rgba(255, 255, 255, 0.08));
}

.auth-or::before,
.auth-or::after {
  background: color-mix(in srgb, var(--border) 88%, rgba(255, 255, 255, 0.1));
}

/**
 * SSO (Google/Apple): base.css uses a:link { color: inherit } (0,1,1), which beats
 * legacy .auth-sso-btn { color: #111 } (0,1,0) — text became light on white button.
 */
a.auth-sso-btn:link,
a.auth-sso-btn:visited {
  color: #111;
}

a.auth-sso-btn:hover {
  color: #0a0a0a;
}

a.auth-sso-btn:active {
  color: #0a0a0a;
}