/* NineConnect Web v48.4
   Exact approved composition, but the reference card has been removed
   from the background. Only the real interactive login card has a frame. */

#authGate .login-shell{
  background:#020814 url('assets/login-background-v48-4.jpg') center center / cover no-repeat!important;
}

/* There must be exactly ONE frame: .login-form-wrap */
#authGate .login-panel::before,
#authGate .login-panel::after,
#authGate .login-form-wrap::before,
#authGate .login-form-wrap::after{
  display:none!important;
  content:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

#authGate .login-panel{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

#authGate .login-form-wrap{
  border:1.35px solid rgba(38,190,255,.72)!important;
  outline:0!important;
  box-shadow:0 22px 64px rgba(0,0,0,.32), inset 0 0 42px rgba(0,96,190,.045)!important;
}

/* Hidden really means hidden. This fixes registration fields appearing in login. */
#authGate [hidden]{display:none!important}
#authGate .register-only[hidden],
#authGate #authDisplayNameField[hidden],
#authGate #authPasswordConfirmField[hidden],
#authGate #registrationVehicleSetup[hidden],
#authGate #registerScooterConfig[hidden],
#authGate #registerEbikeConfig[hidden]{
  display:none!important;
}

/* While "Anmelden" is selected, only username + password remain. */
#authGate .auth-tabs:has(#authTabLogin.active) ~ .auth-heading ~ form .register-only,
#authGate .auth-tabs:has(#authTabLogin.active) ~ .auth-heading ~ form #registrationVehicleSetup,
#authGate .auth-tabs:has(#authTabLogin.active) ~ .first-admin-note.register-only{
  display:none!important;
}