/* Login-card design restored without the later responsive-layout override. */
body.himajal-auth {
  height: 100vh !important;
  min-height: 100vh !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #eaf5fb !important;
}

.himajal-auth .auth-page,
.himajal-auth .content-wrapper {
  width: 100% !important;
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 0 !important;
}

.himajal-auth .content-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    radial-gradient(circle at 8% 8%, rgba(56, 160, 216, .14), transparent 430px),
    radial-gradient(circle at 92% 92%, rgba(56, 160, 216, .10), transparent 400px),
    #eaf5fb !important;
}

.himajal-auth .auth-shell {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  width: 515px !important;
  height: 744px !important;
  min-height: 744px !important;
  max-width: calc(100vw - 32px) !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  background: #fff !important;
  box-shadow: 0 20px 55px rgba(38, 103, 148, .13) !important;
  transform-origin: center center;
}

.himajal-auth .auth-brand-panel {
  flex: 0 0 270px !important;
  height: 270px !important;
  padding: 66px 40px 0 !important;
  text-align: center !important;
  background: #fff !important;
}

.himajal-auth .auth-brand-content { max-width: none !important; }
.himajal-auth .auth-water-art,
.himajal-auth .auth-role-badge { display: none !important; }

.himajal-auth .auth-logo-lockup {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 60px !important;
  margin: 0 0 48px !important;
}

.himajal-auth .auth-logo-lockup .auth-logo {
  display: block !important;
  width: 280px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 60px !important;
  margin: 0 !important;
  object-fit: contain !important;
  filter: none !important;
}

.himajal-auth .auth-brand-panel h1 {
  margin: 0 0 5px !important;
  color: #202c41 !important;
  font-size: 27px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -.5px !important;
}

.himajal-auth .auth-brand-panel p {
  margin: 0 !important;
  color: #71829e !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.himajal-auth .auth-form-panel {
  position: relative !important;
  display: block !important;
  flex: 1 1 auto !important;
  height: 474px !important;
  padding: 40px 50px 0 !important;
  border-top: 0 !important;
  background: #fff !important;
}

.himajal-auth .auth-form-panel::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 32px !important;
  right: 32px !important;
  display: block !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent 0%, #e4eaf2 14%, #e4eaf2 86%, transparent 100%) !important;
  pointer-events: none !important;
}

.himajal-auth .auth-form { position: relative !important; display: block !important; width: 100% !important; height: 434px !important; }
.himajal-auth .auth-form h2,
.himajal-auth .auth-form .intro { display: none !important; }
.himajal-auth .auth-form form { margin: 0 !important; }
.himajal-auth .auth-form .form-group { margin: 0 0 23px !important; }

.himajal-auth .auth-form label {
  display: block !important;
  margin: 0 0 7px !important;
  color: #52637f !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
}

.himajal-auth .auth-field { position: relative !important; }
.himajal-auth .auth-field .form-control { padding-right: 48px !important; }

.himajal-auth .password-toggle {
  position: absolute !important;
  z-index: 3 !important;
  top: 0 !important;
  right: 0 !important;
  width: 48px !important;
  height: 55px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #93a4bf !important;
  cursor: pointer !important;
}
.himajal-auth .password-toggle:hover,
.himajal-auth .password-toggle:focus-visible { color: #0068b9 !important; }

.himajal-auth .auth-field > i {
  position: absolute !important;
  z-index: 2 !important;
  left: 14px !important;
  top: 20px !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  color: #9aaac2 !important;
  background: none !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

.himajal-auth .auth-form .form-control {
  width: 100% !important;
  height: 55px !important;
  padding: 12px 44px 12px 48px !important;
  border: 1px solid #dce4ef !important;
  border-radius: 12px !important;
  background: #f9fbfd !important;
  color: #28374d !important;
  box-shadow: none !important;
  font-size: 16px !important;
}
.himajal-auth .auth-form .form-control:focus { border-color: #0876cc !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(8, 118, 204, .12) !important; }
.himajal-auth .auth-form .form-control::placeholder { color: #8d9cb2 !important; }

.himajal-auth .auth-links {
  position: absolute !important;
  top: 221px !important;
  left: 0 !important;
  right: 0 !important;
  display: block !important;
  margin: 0 !important;
  color: #0068b9 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.himajal-auth .auth-links span { display: none !important; }
.himajal-auth .auth-links a,
.himajal-auth .forgot-password { color: #0068b9 !important; font-size: 14px !important; font-weight: 600 !important; }

.himajal-auth .auth-submit {
  position: absolute !important;
  top: 270px !important;
  left: 0 !important;
  width: 100% !important;
  height: 59px !important;
  min-height: 59px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #0968bf !important;
  box-shadow: 0 9px 18px rgba(0, 104, 193, .24) !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}
.himajal-auth.business-dashboard-auth .auth-submit { position: relative !important; top: auto !important; left: auto !important; display: block !important; margin-top: 30px !important; }

.himajal-auth .auth-copyright {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #91a2bc !important;
  font-size: 13px !important;
  line-height: 18px !important;
  text-align: center !important;
}

@media (min-width: 768px) and (max-height: 871px) {
  .himajal-auth .auth-shell { transform: scale(.90) !important; }
}
@media (min-width: 768px) and (max-height: 760px) {
  .himajal-auth .auth-shell { transform: scale(.82) !important; }
}
@media (max-width: 520px) {
  body.himajal-auth { height: auto !important; min-height: 100vh !important; overflow-y: auto !important; }
  .himajal-auth .auth-page,
  .himajal-auth .content-wrapper { height: auto !important; min-height: 100vh !important; }
  .himajal-auth .content-wrapper { padding: 18px 0 !important; }
  .himajal-auth .auth-shell { width: calc(100vw - 28px) !important; height: auto !important; min-height: 690px !important; flex-basis: auto !important; transform: none !important; }
  .himajal-auth .auth-brand-panel { flex-basis: 245px !important; height: 245px !important; padding: 52px 28px 0 !important; }
  .himajal-auth .auth-logo-lockup { margin-bottom: 37px !important; }
  .himajal-auth .auth-form-panel { height: 445px !important; padding: 32px 28px 0 !important; }
  .himajal-auth .auth-form { height: 413px !important; }
  .himajal-auth .auth-links { top: 207px !important; }
  .himajal-auth .auth-submit { top: 257px !important; }
  .himajal-auth .auth-copyright { bottom: 25px !important; font-size: 11px !important; }
}