/* Shared customer/storefront authentication theme. Scoped away from workspaces. */
.wdf-login-card {
  --login-blue: #245ddb;
  --login-ink: #161823;
  --login-muted: #4b5668;
  box-sizing: border-box;
  width: min(100%, 420px);
  margin: 0 auto;
  padding: 36px 32px 0;
  border: 1px solid rgba(15, 23, 34, .08);
  border-radius: 24px;
  background: #fff;
  color: var(--login-ink);
  box-shadow: 0 28px 80px rgba(15, 23, 34, .12);
  overflow: hidden;
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
}
.wdf-login-card h2 { font: 800 clamp(2rem, 3vw, 2.45rem)/1.1 'Plus Jakarta Sans', system-ui, sans-serif; color: var(--login-ink); letter-spacing: -.035em; }
.wdf-login-card .social-auth-stack { display: grid; gap: 12px; }
.wdf-login-card .auth-provider-btn {
  position: relative; display: flex; align-items: center; justify-content: center;
  width: 100%; min-height: 54px; padding: 12px 24px 12px 50px;
  border: 0; border-radius: 999px; background: #f1f1f2; color: var(--login-ink);
  font: 800 .96rem/1.3 'Plus Jakarta Sans', system-ui, sans-serif; cursor: pointer;
}
.wdf-login-card .auth-provider-btn svg { position: absolute; left: 20px; width: 22px; height: 22px; }
.wdf-login-card .auth-provider-btn:hover { background: #e8eaf0; }
.wdf-login-card :is(button,a,input):focus-visible { outline: 3px solid #8cb3ff; outline-offset: 3px; }
.wdf-login-card button:disabled { cursor: wait; opacity: .6; }
.wdf-login-card .auth-form { display: grid; gap: 9px; }
.wdf-login-card .auth-form label { color: #2b3444; font-size: .86rem; font-weight: 700; }
.wdf-login-card .auth-form input { width: 100%; box-sizing: border-box; min-height: 46px; border: 1px solid #dbe0e8; border-radius: 6px; background: #fff; color: var(--login-ink); font-size: 16px; padding: 12px; }
.wdf-login-card .auth-button { min-height: 46px; border: 0; border-radius: 8px; background: var(--login-blue); color: #fff; font-weight: 800; cursor: pointer; }
.wdf-login-card [hidden], .wdf-login-card .hidden { display: none !important; }
@media (max-width: 480px) {
  .wdf-login-card { padding: 28px 24px 0; }
}