/* Neutral palette for the login and its dynamically rendered admin code card. */
.auth-login-shell{--night:#030303;--night-2:#090909;--ice:#171717;--blue:#171717;--muted:#666;--line:rgba(0,0,0,.16)}
.auth-login-shell .auth-panel--motion{background:#fff!important;color:#171717!important;border-color:#e3e3e3!important;box-shadow:0 20px 58px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.8)!important}
.auth-login-shell .auth-panel--motion{width:min(100%,510px)!important;max-width:510px!important}
.auth-login-shell .auth-login-card-stage{width:min(100%,510px)!important}
.auth-login-shell .auth-panel--motion :is(h1,h2,p,label,.auth-field-label,.remember-row span,.auth-divider,.auth-signup-link,.auth-help a,.auth-home-link){color:#171717!important;-webkit-text-fill-color:#171717!important;text-shadow:none!important}
.auth-login-shell .auth-panel--motion .auth-input-wrap{border-color:#d5d5d5!important;background:#f7f7f7!important}
.auth-login-shell .auth-panel--motion .auth-input-wrap input:not([type=checkbox]){background:transparent!important;color:#171717!important;-webkit-text-fill-color:#171717!important;caret-color:#111!important}
.auth-login-shell .auth-panel--motion .auth-input-wrap input::placeholder{color:#777!important}
.auth-login-shell .auth-panel--motion .auth-input-wrap>svg,.auth-login-shell .auth-panel--motion .password-toggle{color:#555!important;stroke:#555!important}
.auth-login-shell .auth-panel--motion .social-button{background:#f7f7f7!important;color:#171717!important;border-color:#d5d5d5!important}
.auth-login-shell .auth-panel--motion .social-button b,.auth-login-shell .auth-panel--motion .auth-signup-link a{color:#171717!important}
.auth-login-shell .auth-panel--motion .submit{background:#111!important;border-color:#111!important;color:#fff!important}
.auth-login-shell .auth-panel--motion .auth-divider::before,.auth-login-shell .auth-panel--motion .auth-divider::after{background:#ddd!important}
.auth-login-shell .auth-panel--motion :focus-visible{outline-color:#111!important}
.auth-login-shell:before{display:none!important}
.auth-login-shell .auth-video-shade{background:rgba(0,0,0,.38)!important}
.auth-login-shell .auth-video{filter:grayscale(1) contrast(1.06) brightness(.64)!important}
.auth-login-shell .auth-panel--motion {
  border-color: rgba(255, 255, 255, .2) !important;
  box-shadow: 0 20px 58px rgba(0, 0, 0, .46), 0 0 12px 2px rgba(255, 255, 255, .035), inset 0 1px rgba(255, 255, 255, .07) !important;
  animation-name: authCardBreathMonochrome !important;
}

.auth-login-shell .auth-beam,
.auth-login-shell .auth-beam--right,
.auth-login-shell .auth-beam--left {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .88), rgba(255, 255, 255, .28), transparent) !important;
  box-shadow: 0 0 12px rgba(255, 255, 255, .25) !important;
}

.auth-login-shell .auth-beam--right,
.auth-login-shell .auth-beam--left {
  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .88), rgba(255, 255, 255, .28), transparent) !important;
}

.auth-login-shell .auth-corner-glow {
  background: rgba(255, 255, 255, .86) !important;
  box-shadow: 0 0 10px rgba(255, 255, 255, .4) !important;
}

.auth-login-shell .auth-input-wrap:focus-within {
  border-color: rgba(255, 255, 255, .42) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .06), 0 9px 28px rgba(0, 0, 0, .2) !important;
}

.auth-login-shell .auth-panel--motion input:-webkit-autofill,
.auth-login-shell .auth-panel--motion input:-webkit-autofill:hover,
.auth-login-shell .auth-panel--motion input:-webkit-autofill:focus,
.auth-login-shell .auth-panel--motion input:autofill {
  -webkit-text-fill-color: #f5f5f5 !important;
  caret-color: #f5f5f5;
  -webkit-box-shadow: 0 0 0 1000px #0b0b0b inset !important;
  box-shadow: 0 0 0 1000px #0b0b0b inset !important;
  border-radius: 8px;
}

.auth-login-shell .mfa-card .eyebrow,
.auth-login-shell .mfa-card h2,
.auth-login-shell .mfa-card .mfa-back,
.auth-login-shell .mfa-card .mfa-secret code,
.auth-login-shell .mfa-card .mfa-secret button,
.auth-login-shell .mfa-card .mfa-api-link {
  color: #f4f4f4 !important;
}

.auth-login-shell .mfa-card .mfa-lead,
.auth-login-shell .mfa-card label,
.auth-login-shell .mfa-card .mfa-enroll-info small,
.auth-login-shell .mfa-card .mfa-trust {
  color: rgba(245, 245, 245, .72) !important;
}

.auth-login-shell .mfa-card .mfa-enroll,
.auth-login-shell .mfa-card .mfa-secret code,
.auth-login-shell .mfa-card .mfa-secret button,
.auth-login-shell .mfa-card .mfa-api-link,
.auth-login-shell .mfa-card .mfa-code {
  border-color: rgba(255, 255, 255, .2) !important;
  background-color: rgba(255, 255, 255, .035) !important;
}

.auth-login-shell .mfa-card .mfa-code {
  color: #f5f5f5 !important;
  -webkit-text-fill-color: #f5f5f5 !important;
}

.auth-login-shell .mfa-card .mfa-trust svg {
  stroke: rgba(255, 255, 255, .82) !important;
}

.auth-login-shell .mfa-card :focus-visible {
  outline-color: rgba(255, 255, 255, .82) !important;
}

@keyframes authCardBreathMonochrome {
  0%, 100% { box-shadow: 0 20px 58px rgba(0, 0, 0, .46), 0 0 12px 2px rgba(255, 255, 255, .035), inset 0 1px rgba(255, 255, 255, .07); }
  50% { box-shadow: 0 24px 68px rgba(0, 0, 0, .5), 0 0 16px 4px rgba(255, 255, 255, .07), inset 0 1px rgba(255, 255, 255, .09); }
}

/* White form surface over the monochrome star field. */
html,body{background:#030303!important}
body:before{display:none!important}
.auth-login-shell::after{border-color:rgba(255,255,255,.12)!important}
body:not(.signup-page) .auth-video-shade{background:rgba(0,0,0,.38)!important}
body:not(.signup-page) .auth-video{filter:grayscale(1) contrast(1.06) brightness(.64)!important}
.auth-login-shell .auth-panel--motion :is(.auth-input-wrap,.social-button){background:#f7f7f7!important;border-color:#d5d5d5!important;color:#171717!important}
.auth-login-shell .auth-panel--motion input:-webkit-autofill,.auth-login-shell .auth-panel--motion input:-webkit-autofill:hover,.auth-login-shell .auth-panel--motion input:-webkit-autofill:focus,.auth-login-shell .auth-panel--motion input:autofill{-webkit-text-fill-color:#171717!important;caret-color:#111!important;-webkit-box-shadow:0 0 0 1000px #f7f7f7 inset!important;box-shadow:0 0 0 1000px #f7f7f7 inset!important}
.auth-login-shell .auth-panel--motion .remember-row input{accent-color:#111!important}