/* INNI / Alpha Research v22 — operator supplied login page video (once)
   and a circular, gently shaded light sphere for the sign-in form.
   Affects only #alphaAuth, never the authenticated application. */
#alphaAuth.alpha-auth {
  isolation: isolate !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-height: 100dvh;
  padding: 66px 16px 22px !important;
  overflow: auto !important;
  background: #030508 !important;
}
#alphaAuth[hidden] { display:none !important; }
#alphaAuth > .inni-login-orb-still-v22,
#alphaAuth > video#inniLoginOrbV22 {
  position: fixed !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: -2 !important;
  border: 0 !important;
  pointer-events: none !important;
  user-select: none !important;
}
#alphaAuth > .inni-login-orb-still-v22 {
  background: #020307 url('/static/inni-login-orb-start-v22.jpg') center/cover no-repeat;
}
#alphaAuth.inni-orb-video-ended-v22 > .inni-login-orb-still-v22 {
  background-image: url('/static/inni-login-orb-end-v22.jpg');
}
#alphaAuth > video#inniLoginOrbV22 {
  z-index: -1 !important;
  background: transparent;
  transition: opacity .12s ease-out;
}
#alphaAuth.inni-orb-video-ended-v22 > video#inniLoginOrbV22 {opacity: 0 !important;}
/* A faint vignette keeps the orbital lines visible and separates the sphere. */
#alphaAuth::before {
  content: '' !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background: radial-gradient(circle at 48% 42%,transparent 25%,rgba(1,3,7,.25) 100%) !important;
}
#alphaAuth > .inni-login-header { z-index: 4 !important; }
#alphaAuth .alpha-login-card {
  isolation: isolate !important;
  position: relative !important;
  z-index: 2 !important;
  box-sizing: border-box !important;
  width: min(460px, calc(100vw - 34px), calc(100dvh - 95px)) !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: clamp(24px, 7vw, 76px) !important;
  border-radius: 50% !important;
  border: 2px solid rgba(92,111,128,.85) !important;
  background: radial-gradient(circle at 27% 19%,#ffffff 0%,#fbfdff 24%,#edf1f5 57%,#d4dce4 83%,#a2abb5 100%) !important;
  color: #142635 !important;
  box-shadow:
    inset 13px 16px 29px rgba(255,255,255,.88),
    inset -16px -24px 37px rgba(84,100,119,.22),
    0 0 0 2px rgba(255,255,255,.66),
    0 12px 23px rgba(0,0,0,.40),
    0 30px 75px rgba(0,0,0,.62) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 12px !important;
  overflow: hidden !important;
  color-scheme: light;
  transform: translateZ(0);
}
#alphaAuth .alpha-login-card > .hero-kicker,
#alphaAuth .alpha-login-card > h1,
#alphaAuth .alpha-login-card > p,
#alphaAuth .alpha-login-card > .alpha-auth-brand { display:none !important; }
/* Preserve accessible form labels without displaying the deprecated copy. */
#alphaAuth .alpha-login-card > label {
  position:absolute !important;
  width:1px !important; height:1px !important;
  padding:0 !important; margin:-1px !important;
  overflow:hidden !important; clip:rect(0,0,0,0) !important;
  white-space:nowrap !important; border:0 !important;
}
#alphaAuth .alpha-login-card input:is(#alphaUsername,#alphaPassword) {
  display:block !important;
  width:100% !important;
  flex:0 0 auto !important;
  box-sizing:border-box !important;
  height:42px !important;
  margin:0 !important;
  padding:10px 13px !important;
  border:1px solid #b7c4ce !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#172a38 !important;
  -webkit-text-fill-color:#172a38 !important;
  box-shadow:0 1px 3px rgba(35,57,71,.06) !important;
  caret-color:#172a38;
  color-scheme:light;
}
#alphaAuth .alpha-login-card input:is(#alphaUsername,#alphaPassword):focus-visible {
  outline:2px solid #15776e !important; outline-offset:2px;
}
#alphaAuth .alpha-login-card input:is(#alphaUsername,#alphaPassword):-webkit-autofill {
  -webkit-box-shadow:0 0 0 100px #fff inset !important;
  -webkit-text-fill-color:#172a38 !important;
}
#alphaAuth .alpha-login-card #alphaLoginButton {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  flex:0 0 auto !important;
  min-height:44px !important;
  margin:5px 0 0 !important;
}
#alphaAuth .alpha-login-card #alphaLoginError {
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  color:#8b2730 !important;
  text-align:center !important;
  font-size:11px !important;
}
#alphaAuth .alpha-login-card #alphaLoginError[hidden] { display:none !important; }
@media(max-width:600px) {
  #alphaAuth .alpha-login-card {gap:10px !important;padding:clamp(27px, 10vw, 48px) !important;}
  #alphaAuth .alpha-login-card input:is(#alphaUsername,#alphaPassword){height:39px !important;}
  #alphaAuth .alpha-login-card #alphaLoginButton {min-height:41px !important;margin:2px 0 0 !important;}
}
@media(max-height:440px) {
  #alphaAuth.alpha-auth {justify-content:flex-start !important;padding-top:62px !important;}
  #alphaAuth .alpha-login-card {width:min(320px,calc(100vw - 30px)) !important;padding:36px !important;gap:7px !important;}
  #alphaAuth .alpha-login-card input:is(#alphaUsername,#alphaPassword) {height:35px !important;}
  #alphaAuth .alpha-login-card #alphaLoginButton {min-height:36px !important;}
}
/* v22: no image, no logo, no icon, no visible text inside the submit button.
   This overrides v17, v18, v19 and v20 styles regardless of hover/active state. */
#alphaAuth .alpha-login-card #alphaLoginButton,
#alphaAuth .alpha-login-card #alphaLoginButton:hover,
#alphaAuth .alpha-login-card #alphaLoginButton:active {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: #007042 !important;
  background-color: #007042 !important;
  background-image: none !important;
  background-size: auto !important;
  background-position: initial !important;
  border: 1px solid #007042 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  cursor: pointer !important;
  overflow: hidden !important;
}
#alphaAuth .alpha-login-card #alphaLoginButton:hover {
  background-color: #007042 !important;
  background: #007042 !important;
  background-image: none !important;
}
#alphaAuth .alpha-login-card #alphaLoginButton:active {
  background-color: #007042 !important;
  background: #007042 !important;
  background-image: none !important;
}
#alphaAuth .alpha-login-card #alphaLoginButton::before,
#alphaAuth .alpha-login-card #alphaLoginButton::after,
#alphaAuth .alpha-login-card #alphaLoginButton > * {
  display:none !important;
  content:none !important;
}
#alphaAuth .alpha-login-card #alphaLoginButton:focus-visible {
  outline: 3px solid #007042 !important;
  outline-offset: 3px !important;
}