/* Login split theme: dark left + light right
   Applied only on the login page via the `.login-split*` wrapper classes. */

/* Apply Plus Jakarta Sans to every element on the login page */
.login-split,
.login-split *,
.login-split *::placeholder {
  font-family: "Plus Jakarta Sans", sans-serif !important;
}

/* Restore icon fonts — overriding them breaks glyph rendering */
.login-split .fa,
.login-split .fas,
.login-split .far,
.login-split .fab,
.login-split .fal,
.login-split [class*=" fa-"],
.login-split [class^="fa-"],
.login-split .glyphicon {
  font-family: "FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
}

.login-split {
  min-height: 100vh !important;
  height: 100vh !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.login-split-left {
  background: linear-gradient(180deg, #2F3A40 0%, #3E4A52 100%) !important;
  color: #FFFFFF !important;
  height: 50vh !important;
  min-height: 50vh !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.login-split-right {
  background: #F9FAFB !important;
  height: 50vh !important;
  min-height: 50vh !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.login-split-pill {
  background: #4B5563 !important;
  border: 1px solid rgba(107, 114, 128, 0.4) !important;
  color: rgba(255, 255, 255, 0.90) !important;
  border-radius: 8px !important;
}

.login-split-heading {
  color: #1F2937 !important;
}

.login-split-subheading {
  color: #6B7280 !important;
}

.login-split-label {
  color: #6B7280 !important;
}

.login-split-card {
  border-radius: 8px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

.login-split-input {
  background: #F3F4F6 !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

.login-split-input:focus {
  border-color: #F97316 !important;
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.25) !important;
  outline: none !important;
}

/* Keep input icons perfectly centered vertically */
.login-split-input-icon {
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-size: 14px !important;
  height: 14px !important;
}

.login-split-primary-btn {
  background: #F97316 !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  border: none !important;
}

.login-split-primary-btn:hover {
  background: #EA580C !important;
}

.login-split-forgot {
  color: #F97316 !important;
}

.login-split-forgot:hover {
  color: #EA580C !important;
}

@media (min-width: 768px) {
  .login-split {
    flex-direction: row !important;
  }

  /* Force each split side (which uses `tw-w-full`) to be 50% */
  .login-split > .tw-w-full {
    width: 50% !important;
  }

  /* If the card uses `tw-w-full tw-max-w-sm`, force it to 50% width */
  .login-split-card {
    width: 50% !important;
    max-width: 50% !important;
  }

  .login-split-left,
  .login-split-right {
    height: 100vh !important;
    min-height: 100vh !important;
  }

  .login-split-left {
    width: 50% !important;
  }

  .login-split-right {
    width: 50% !important;
  }
}