/**
 * React auth-page overrides so Tailwind / app fonts don't break Django auth CSS.
 */

body.auth-pages,
body.auth-pages * {
  font-family: 'Poppins', sans-serif !important;
}

body.auth-pages {
  background: #212529 !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.auth-pages a {
  text-decoration: none;
  color: inherit;
}

body.auth-pages .auth-form h5 {
  font-size: 1.25rem !important;
  font-weight: 500 !important;
  color: #212529 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
}

body.auth-pages .auth-form p {
  color: #6c757d !important;
  margin-bottom: 0.5rem !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.auth-pages .auth-form .btn {
  line-height: 1.5 !important;
  padding: 6px 12px !important;
  min-height: 0 !important;
  height: auto !important;
  display: inline-block !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

body.auth-pages .auth-form .btn-primary {
  background-color: #065697 !important;
  border-color: #065697 !important;
  color: #fff !important;
}

body.auth-pages .auth-form .btn-primary:hover,
body.auth-pages .auth-form .btn-primary:focus,
body.auth-pages .auth-form .btn-primary:active {
  background-color: #065697 !important;
  border-color: #065697 !important;
  color: #fff !important;
  transform: scale(0.99);
}

body.auth-pages .auth-form .btn-primary-outline {
  background-color: transparent !important;
  border: 1px solid #065697 !important;
  color: #065697 !important;
}

body.auth-pages .auth-form .btn-primary-outline:hover,
body.auth-pages .auth-form .btn-primary-outline:focus,
body.auth-pages .auth-form .btn-primary-outline:active {
  background-color: #065697 !important;
  border-color: #065697 !important;
  color: #fff !important;
  transform: scale(0.99);
}

body.auth-pages .auth-form .btn-primary-outline .iconify,
body.auth-pages .auth-form .btn-primary-outline svg {
  color: inherit !important;
  stroke: currentColor !important;
}

body.auth-pages .auth-form .text-decoration-underline {
  text-decoration: underline !important;
  color: #212529 !important;
  font-size: 14px !important;
}

body.auth-pages .form-floating > label {
  padding: 16px 12px !important;
  height: 55px !important;
  color: #212529 !important;
}

body.auth-pages .input-bn {
  height: 55px !important;
  font-size: 14px !important;
  border-radius: 5px !important;
  border: 1.5px solid #8692a6 !important;
  padding: 16px 12px !important;
}

body.auth-pages .tab.is-active {
  display: block !important;
}

body.auth-pages .tab {
  display: none;
}

/* Isolate auth card from app shell layout quirks */
body.auth-pages .auth-container {
  border-radius: 15px !important;
  overflow: hidden !important;
}

body.auth-pages .iconify {
  display: inline-block !important;
  vertical-align: middle !important;
}