/* WSDC account access: compact, centered login panel. */
html:has(.wsdc-auth-page),
body:has(.wsdc-auth-page) { min-height:100%; background:#101426 !important; }
body:has(.wsdc-auth-page) { color:#f5faff; }
.wsdc-auth-page {
  min-height:100vh;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 56% 42% at 50% -14%, rgba(0,255,255,.12), transparent 72%),
    radial-gradient(ellipse 40% 32% at 5% 8%, rgba(0,255,255,.055), transparent 76%),
    linear-gradient(135deg,#13162b 0%,#0d1122 100%) !important;
}
.wsdc-auth-page:before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.42;
  background-image:linear-gradient(120deg,transparent 0 47%,rgba(0,255,255,.08) 49%,transparent 52%);
  background-size:900px 900px; animation:wsdc-auth-drift 20s linear infinite;
}
@keyframes wsdc-auth-drift { to { background-position:900px 420px; } }
.wsdc-auth-close { background:rgba(25,30,52,.88) !important; border:1px solid rgba(0,255,255,.35) !important; color:#eafcff !important; }
.wsdc-auth-shell { position:relative; z-index:1; }
.wsdc-auth-card {
  padding:28px 26px 24px; border:1px solid rgba(173,229,255,.22); border-radius:20px;
  background:rgba(29,33,57,.88); box-shadow:0 26px 72px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.045);
  backdrop-filter:blur(14px);
}
.wsdc-auth-card h2 { color:#fff !important; }
.wsdc-auth-card p { color:#d4dded !important; }
.wsdc-auth-eyebrow { margin:0 !important; color:#00ffff !important; font-size:.69rem; font-weight:800; letter-spacing:.17em; }
.wsdc-auth-card label { color:#f5faff !important; font-size:.73rem !important; font-weight:800 !important; letter-spacing:.025em; }
.wsdc-auth-card input[type="text"],
.wsdc-auth-card input[type="password"] {
  height:47px !important; border-color:rgba(173,229,255,.20) !important; border-radius:12px !important;
  background:#171a30 !important; color:#fff !important; font-size:.88rem !important;
}
.wsdc-auth-card input:focus { border-color:#00ffff !important; box-shadow:0 0 0 3px rgba(0,255,255,.12) !important; }
.wsdc-auth-google { width:100%; height:46px; border-radius:12px; background:#fff !important; color:#1f2738 !important; font-weight:800; font-size:.86rem; }
.wsdc-auth-divider { display:flex; align-items:center; gap:12px; color:#cbd5e1; font-size:.72rem; font-weight:700; }
.wsdc-auth-divider:before,.wsdc-auth-divider:after { content:""; height:1px; flex:1; background:rgba(255,255,255,.16); }
.wsdc-auth-submit { height:46px !important; border:0 !important; border-radius:12px !important; background:linear-gradient(135deg,#00cfd4,#00a4ff) !important; color:#041822 !important; font-weight:900 !important; box-shadow:0 12px 24px rgba(0,255,255,.17); }
.wsdc-auth-submit:hover { filter:brightness(1.08); transform:translateY(-1px); }
.wsdc-auth-card a { color:#00ffff !important; }
.wsdc-auth-card #alertError,.wsdc-auth-card #alertLoginError { border-color:rgba(0,255,255,.25) !important; background:rgba(0,255,255,.09) !important; color:#e7faff !important; }
.wsdc-auth-extra { display:none !important; }
@media (max-width:560px) {
  .wsdc-auth-shell { padding:78px 16px 32px !important; }
  .wsdc-auth-card { padding:25px 19px 21px; border-radius:17px; }
  .wsdc-auth-page { min-height:100dvh; }
}
