/* PureFit Premium Auth UX 2026-05-07 */
:root {
  --pf-auth-ink: #122529;
  --pf-auth-muted: #61737a;
  --pf-auth-brand: #1d4ed8;
  --pf-auth-brand-2: #6d28d9;
  --pf-auth-sky: #2f9fde;
  --pf-auth-gold: #d8a72f;
  --pf-auth-line: rgba(19,52,57,.13);
  --pf-auth-radius: 8px;
}
html, body { min-height: 100%; overflow-x: hidden; }
.pf-login-page {
  min-height: 100dvh !important;
  padding: clamp(12px, 2.4vw, 28px) !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.08) 1px, transparent 1px),
    radial-gradient(circle at 12% 12%, rgba(29,78,216,.34), transparent 24%),
    radial-gradient(circle at 92% 18%, rgba(216,167,47,.2), transparent 24%),
    linear-gradient(135deg, #172554 0 42%, #ffffff 42.15% 100%) !important;
  background-size: 42px 42px, 42px 42px, auto, auto, auto !important;
}
.pf-auth-shell {
  width: min(1080px, 100%) !important;
  min-height: min(680px, calc(100dvh - 28px)) !important;
  grid-template-columns: minmax(320px, .86fr) minmax(360px, 1fr) !important;
  border-radius: var(--pf-auth-radius) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 24px 70px rgba(15,23,42,.28) !important;
}
.pf-showcase { padding: clamp(24px, 3.4vw, 40px) !important; }
.pf-brand-lockup { gap: 12px !important; }
.pf-brand-mark {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 10px !important;
  font-size: 17px !important;
}
.pf-brand-copy strong,
.pf-mobile-brand strong { font-size: clamp(20px, 2.1vw, 30px) !important; line-height: 1.05 !important; color: inherit !important; }
.pf-display { margin: 34px 0 !important; }
.pf-display h1 { font-size: clamp(34px, 4.4vw, 56px) !important; line-height: .98 !important; color: #fff !important; }
.pf-display p { font-size: 15px !important; line-height: 1.55 !important; }
.pf-system-card { border-radius: 8px !important; }
.pf-form-panel {
  padding: clamp(18px, 3vw, 42px) !important;
  background: rgba(255,255,255,.74) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.pf-auth-card {
  width: min(440px, 100%) !important;
  padding: clamp(20px, 3vw, 34px) !important;
  border-radius: var(--pf-auth-radius) !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(19,52,57,.1) !important;
  box-shadow: 0 18px 48px rgba(11,31,35,.12) !important;
}
.pf-logo-strip { margin-bottom: 22px !important; gap: 14px !important; }
.pf-logo-strip img {
  width: auto !important;
  max-width: 210px !important;
  max-height: 58px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 12px rgba(15,23,42,.16));
}
.pf-secure-tag { min-height: 32px !important; border-radius: 999px !important; padding: 7px 11px !important; }
.pf-auth-title { font-size: clamp(28px, 3.4vw, 38px) !important; color: var(--pf-auth-ink) !important; margin-bottom: 4px !important; }
.pf-auth-subtitle { color: var(--pf-auth-muted) !important; margin-bottom: 20px !important; }
.pf-auth-form { gap: 14px !important; }
.pf-field label { font-weight: 850 !important; color: #27444a !important; margin-bottom: 7px !important; }
.pf-field-shell {
  min-height: 48px !important;
  border-radius: 8px !important;
  border: 1px solid var(--pf-auth-line) !important;
  background: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78) !important;
}
.pf-input {
  min-height: 48px !important;
  height: 48px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
}
.pf-password-toggle { width: 44px !important; min-width: 44px !important; height: 44px !important; border-radius: 7px !important; }
.pf-submit {
  min-height: 48px !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, var(--pf-auth-brand), var(--pf-auth-brand-2)) !important;
  box-shadow: 0 15px 34px rgba(29,78,216,.24) !important;
}
.pf-field-row { gap: 12px !important; color: var(--pf-auth-muted) !important; }
.pf-footnote { color: var(--pf-auth-muted) !important; }
.pf-modal .modal-content { border-radius: 8px !important; overflow: hidden; }
@media (max-width: 767px) {
  body { background: #ffffff !important; }
  .pf-login-page {
    display: block !important;
    padding: 0 !important;
    min-height: 100dvh !important;
    background:
      linear-gradient(180deg, #172554 0 102px, #ffffff 102px 100%) !important;
  }
  .pf-auth-shell {
    width: 100% !important;
    min-height: 100dvh !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  .pf-showcase { display: none !important; }
  .pf-form-panel {
    min-height: 100dvh !important;
    padding: 12px 10px 16px !important;
    display: block !important;
    background: transparent !important;
  }
  .pf-mobile-brand {
    min-height: 76px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 2px 12px !important;
    color: #fff !important;
  }
  .pf-mobile-brand .pf-brand-mark { width: 46px !important; height: 46px !important; min-width: 46px !important; }
  .pf-mobile-brand strong { font-size: 21px !important; line-height: 1.05 !important; }
  .pf-mobile-brand span { color: rgba(255,255,255,.76) !important; }
  .pf-auth-card {
    width: 100% !important;
    min-height: calc(100dvh - 104px) !important;
    padding: 18px 16px 20px !important;
    border-radius: 12px 12px 0 0 !important;
    box-shadow: 0 -12px 38px rgba(15,23,42,.16) !important;
  }
  .pf-logo-strip { margin-bottom: 16px !important; align-items: center !important; }
  .pf-logo-strip img { max-width: 190px !important; max-height: 54px !important; }
  .pf-secure-tag { margin-left: auto !important; }
  .pf-auth-title { font-size: 30px !important; }
  .pf-auth-subtitle { margin-bottom: 16px !important; }
  .pf-auth-form { gap: 13px !important; }
  .pf-field-shell,
  .pf-input { min-height: 50px !important; height: 50px !important; }
  .pf-field-row { align-items: flex-start !important; flex-direction: column !important; gap: 6px !important; }
  .pf-submit { width: 100% !important; min-height: 50px !important; }
  .pf-modal .modal-dialog { margin: 10px !important; }
}
@media (max-width: 380px) {
  .pf-mobile-brand strong { font-size: 19px !important; }
  .pf-logo-strip img { max-width: 160px !important; }
  .pf-auth-card { padding-left: 12px !important; padding-right: 12px !important; }
}
@media (prefers-reduced-motion: no-preference) {
  .pf-auth-card,
  .pf-brand-mark,
  .pf-submit,
  .pf-field-shell { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important; }
  .pf-auth-card { animation: pfAuthRise .55s cubic-bezier(.2,.8,.2,1) both; }
  .pf-submit:hover { transform: translateY(-1px); }
  .pf-field-shell:focus-within { transform: translateY(-1px); border-color: rgba(29,78,216,.58) !important; box-shadow: 0 0 0 3px rgba(29,78,216,.12) !important; }
}
@keyframes pfAuthRise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }

/* PureFit auth tablet containment correction */
@media (min-width: 768px) {
  .pf-mobile-brand {
    display: none !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
  }
  .pf-mobile-brand .pf-brand-mark {
    left: auto !important;
    right: auto !important;
  }
}

/* PureFit auth wide canvas correction 2026-05-07 */
@media (min-width: 921px) {
  .pf-login-page {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-height: 100dvh !important;
    padding: clamp(16px, 1.45vw, 28px) !important;
  }

  .pf-auth-shell {
    width: min(1180px, 100%) !important;
    max-width: 1180px !important;
    min-height: min(680px, calc(100dvh - 40px)) !important;
    grid-template-columns: minmax(360px, .9fr) minmax(420px, 1fr) !important;
  }

  .pf-showcase {
    padding: clamp(22px, 2.5vw, 40px) !important;
  }

  .pf-display {
    margin: clamp(22px, 3vh, 38px) 0 !important;
  }

  .pf-display h1 {
    max-width: 660px !important;
  }

  .pf-display p {
    max-width: 520px !important;
  }

  .pf-form-panel {
    padding: clamp(20px, 2.4vw, 46px) !important;
  }

  .pf-auth-card {
    width: min(500px, 100%) !important;
  }
}

@media (min-width: 1500px) {
  .pf-auth-shell {
    grid-template-columns: minmax(390px, .9fr) minmax(460px, 1fr) !important;
  }

  .pf-auth-card {
    width: min(520px, 100%) !important;
  }

  .pf-logo-strip img {
    max-width: 235px !important;
    max-height: 64px !important;
  }
}

@media (min-width: 921px) and (max-height: 740px) {
  .pf-auth-shell {
    min-height: calc(100dvh - 32px) !important;
  }

  .pf-display {
    margin: 24px 0 !important;
  }

  .pf-auth-card {
    padding: 22px 26px !important;
  }
}

/* PureFit premium white auth contrast correction 2026-05-09 */
:root {
  --pf-auth-ink: #0b1220;
  --pf-auth-muted: #334155;
  --pf-auth-brand: #1d4ed8;
  --pf-auth-brand-2: #6d28d9;
  --pf-auth-sky: #0284c7;
  --pf-auth-gold: #b45309;
  --pf-auth-line: rgba(29, 78, 216, .2);
}
html, body {
  color: #0b1220 !important;
  background: #ffffff !important;
}
.pf-login-page {
  background:
    linear-gradient(135deg, rgba(29, 78, 216, .08), transparent 28%),
    linear-gradient(225deg, rgba(219, 39, 119, .055), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 45%, #ffffff 100%) !important;
}
.pf-login-page::before,
.pf-login-page::after { opacity: .85 !important; }
.pf-auth-shell {
  background: rgba(255,255,255,.97) !important;
  border: 1px solid rgba(29, 78, 216, .16) !important;
  box-shadow: 0 28px 76px rgba(15, 23, 42, .14) !important;
}
.pf-showcase {
  color: #fff !important;
  background:
    linear-gradient(145deg, rgba(23, 37, 84, .97), rgba(88, 28, 135, .95) 58%, rgba(14, 116, 144, .95)) !important;
}
.pf-brand-mark,
.pf-mobile-brand .pf-brand-mark {
  color: #fff !important;
  background: linear-gradient(135deg, #1d4ed8, #7e22ce, #0891b2) !important;
  box-shadow: 0 16px 34px rgba(29, 78, 216, .28) !important;
}
.pf-brand-copy strong,
.pf-display h1,
.pf-mobile-brand strong { color: #fff !important; text-shadow: 0 2px 18px rgba(0,0,0,.24) !important; }
.pf-brand-copy span,
.pf-display p,
.pf-mobile-brand span { color: rgba(255,255,255,.9) !important; }
.pf-form-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.96)) !important;
}
.pf-auth-card {
  background: #fff !important;
  border: 1px solid rgba(29, 78, 216, .18) !important;
  box-shadow: 0 22px 56px rgba(15, 23, 42, .13) !important;
  color: #0b1220 !important;
}
.pf-auth-card,
.pf-auth-card p,
.pf-auth-card span,
.pf-auth-card label,
.pf-auth-card a,
.pf-field-row,
.pf-footnote,
.pf-auth-subtitle {
  color: #0f172a !important;
}
.pf-auth-subtitle,
.pf-field-row,
.pf-footnote { color: #334155 !important; }
.pf-auth-title {
  color: #0b1220 !important;
  font-weight: 900 !important;
}
.pf-secure-tag {
  color: #172554 !important;
  background: #eef4ff !important;
  border: 1px solid rgba(29, 78, 216, .2) !important;
}
.pf-field label {
  color: #0f172a !important;
  font-weight: 900 !important;
}
.pf-field-shell {
  background: #fff !important;
  border: 1px solid rgba(29, 78, 216, .26) !important;
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, .03) !important;
}
.pf-field-shell:focus-within {
  border-color: rgba(29, 78, 216, .72) !important;
  box-shadow: 0 0 0 4px rgba(29, 78, 216, .12) !important;
}
.pf-field-shell i,
.pf-password-toggle { color: #1d4ed8 !important; }
.pf-input,
.pf-input[type="text"],
.pf-input[type="password"],
.pf-input[type="email"] {
  color: #0b1220 !important;
  background: transparent !important;
  font-weight: 750 !important;
}
.pf-input::placeholder { color: #64748b !important; opacity: 1 !important; }
.pf-submit {
  color: #fff !important;
  background: linear-gradient(135deg, #1d4ed8, #6d28d9) !important;
  box-shadow: 0 16px 34px rgba(29, 78, 216, .26) !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}
.pf-submit:hover,
.pf-submit:focus {
  background: linear-gradient(135deg, #172554, #7e22ce) !important;
  box-shadow: 0 20px 42px rgba(109, 40, 217, .28) !important;
}
.pf-system-card,
.pf-metric,
.pf-summary-pill {
  color: #fff !important;
  border-color: rgba(255,255,255,.22) !important;
  background: rgba(255,255,255,.12) !important;
}
.pf-system-card span,
.pf-system-card strong,
.pf-metric span,
.pf-metric strong,
.pf-summary-pill span,
.pf-summary-pill strong { color: #fff !important; }
.pf-modal .modal-content,
.pf-modal .modal-body,
.pf-modal .modal-title { color: #0f172a !important; }
@media (max-width: 767px) {
  body { background: #ffffff !important; }
  .pf-login-page {
    background:
      linear-gradient(180deg, #172554 0 96px, #ffffff 96px 100%) !important;
  }
  .pf-auth-card {
    border: 1px solid rgba(29, 78, 216, .16) !important;
    box-shadow: 0 -10px 36px rgba(15, 23, 42, .12) !important;
  }
}
/* End PureFit premium white auth contrast correction 2026-05-09 */

/* PureFit blue auth template 2026-05-09 */
:root {
  --pf-auth-ink: #0b1220;
  --pf-auth-muted: #475569;
  --pf-auth-brand: #1d4ed8;
  --pf-auth-brand-2: #2563eb;
  --pf-auth-line: #e4eaf4;
  --pf-auth-soft: #f7faff;
}
html,
body {
  min-height: 100% !important;
  background: #f7faff !important;
  color: var(--pf-auth-ink) !important;
  overflow-x: hidden !important;
}
.pf-login-page {
  min-height: 100dvh !important;
  width: 100% !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  background: #f7faff !important;
}
.pf-login-page::before,
.pf-login-page::after { display: none !important; }
.pf-auth-shell {
  width: 100% !important;
  max-width: none !important;
  min-height: 100dvh !important;
  display: grid !important;
  grid-template-columns: minmax(360px, .82fr) minmax(440px, 1fr) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
  animation: pfBlueAuthIn .34s ease both !important;
}
.pf-showcase {
  padding: clamp(28px, 3.6vw, 54px) !important;
  color: #fff !important;
  background: linear-gradient(145deg, #0b1f4d 0%, #133a7c 52%, #1d4ed8 100%) !important;
  overflow: hidden !important;
}
.pf-showcase::before {
  display: block !important;
  opacity: .22 !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.22) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.16) 1px, transparent 1px) !important;
  background-size: 38px 38px !important;
}
.pf-brand-mark,
.pf-mobile-brand .pf-brand-mark {
  border-radius: 10px !important;
  color: #1d4ed8 !important;
  background: #fff !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .16) !important;
}
.pf-brand-copy strong,
.pf-display h1,
.pf-mobile-brand strong {
  color: #fff !important;
  text-shadow: none !important;
}
.pf-brand-copy span,
.pf-display p,
.pf-mobile-brand span { color: rgba(255,255,255,.84) !important; }
.pf-system-card,
.pf-metric,
.pf-summary-pill {
  color: #fff !important;
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.pf-form-panel {
  min-height: 100dvh !important;
  padding: clamp(28px, 4vw, 64px) !important;
  background: #f7faff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.pf-auth-card {
  width: min(500px, 100%) !important;
  padding: clamp(24px, 3vw, 42px) !important;
  border: 1px solid var(--pf-auth-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .1) !important;
  color: var(--pf-auth-ink) !important;
}
.pf-auth-title {
  color: var(--pf-auth-ink) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}
.pf-auth-subtitle,
.pf-field-row,
.pf-footnote { color: var(--pf-auth-muted) !important; }
.pf-logo-strip img { filter: none !important; }
.pf-secure-tag {
  color: #1d4ed8 !important;
  background: #eff6ff !important;
  border: 1px solid #dbeafe !important;
}
.pf-field label {
  color: #111827 !important;
  font-weight: 850 !important;
}
.pf-field-shell {
  min-height: 48px !important;
  border: 1px solid #d9e2ef !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}
.pf-field-shell:focus-within {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .13) !important;
  transform: none !important;
}
.pf-field-shell i,
.pf-password-toggle { color: #1d4ed8 !important; }
.pf-input,
.pf-input[type="text"],
.pf-input[type="password"],
.pf-input[type="email"] {
  min-height: 48px !important;
  height: 48px !important;
  color: #0b1220 !important;
  font-weight: 750 !important;
}
.pf-submit {
  min-height: 48px !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: #1d4ed8 !important;
  box-shadow: 0 14px 26px rgba(29, 78, 216, .22) !important;
  font-weight: 900 !important;
}
.pf-submit:hover,
.pf-submit:focus {
  background: #0b1f4d !important;
  box-shadow: 0 18px 34px rgba(29, 78, 216, .28) !important;
}
.pf-modal .modal-content {
  border: 1px solid var(--pf-auth-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 50px rgba(15, 23, 42, .16) !important;
}
@keyframes pfBlueAuthIn { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 900px) {
  .pf-login-page { display: block !important; background: #f7faff !important; }
  .pf-auth-shell {
    display: block !important;
    width: 100% !important;
    min-height: 100dvh !important;
    background: #f7faff !important;
  }
  .pf-showcase { display: none !important; }
  .pf-form-panel {
    min-height: 100dvh !important;
    padding: 0 !important;
    display: block !important;
    background: #f7faff !important;
  }
  .pf-mobile-brand {
    min-height: 86px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #0b1f4d, #1d4ed8) !important;
  }
  .pf-mobile-brand .pf-brand-mark { color: #1d4ed8 !important; background: #fff !important; }
  .pf-auth-card {
    width: 100% !important;
    min-height: calc(100dvh - 86px) !important;
    padding: 22px 16px 26px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pf-auth-card,
  .pf-brand-mark,
  .pf-submit,
  .pf-field-shell { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}
/* End PureFit blue auth template 2026-05-09 */

/* PureFit full edge auth correction 2026-05-09 */
html,
body,
.pf-login-page,
.pf-auth-shell {
  width: 100% !important;
  max-width: none !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pf-login-page {
  display: block !important;
  background: #f7faff !important;
}
.pf-auth-shell {
  display: grid !important;
  grid-template-columns: minmax(340px, 42vw) minmax(0, 1fr) !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.pf-showcase {
  min-height: 100dvh !important;
  border-radius: 0 !important;
}
.pf-form-panel {
  min-height: 100dvh !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  background: #f7faff !important;
}
.pf-auth-card {
  width: min(520px, calc(100% - 48px)) !important;
  margin: 24px !important;
}
@media (max-width: 900px) {
  .pf-auth-shell { display: block !important; }
  .pf-form-panel { display: block !important; min-height: calc(100dvh - 86px) !important; }
  .pf-auth-card {
    width: 100% !important;
    min-height: calc(100dvh - 86px) !important;
    margin: 0 !important;
  }
}
/* End PureFit full edge auth correction 2026-05-09 */

/* PureFit auth structural redesign v6 2026-05-09 */
.pf-login-page { background: #fff !important; }
.pf-auth-shell {
  display: grid !important;
  grid-template-columns: 360px minmax(0, 1fr) !important;
  min-height: 100dvh !important;
  background: #fff !important;
}
.pf-showcase {
  min-height: 100dvh !important;
  padding: 28px !important;
  background: #0b1f4d !important;
  border-right: 1px solid #dfe7f2 !important;
}
.pf-form-panel {
  min-height: 100dvh !important;
  padding: 0 !important;
  background: #fff !important;
  display: grid !important;
  place-items: center !important;
}
.pf-auth-card {
  width: min(520px, calc(100% - 40px)) !important;
  margin: 20px !important;
  border: 1px solid #dfe7f2 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.pf-submit { border-radius: 6px !important; background: #1d4ed8 !important; }
@media (max-width: 900px) {
  .pf-auth-shell { display: block !important; }
  .pf-showcase { display: none !important; }
  .pf-form-panel { display: block !important; }
  .pf-auth-card { width: 100% !important; min-height: calc(100dvh - 86px) !important; margin: 0 !important; border: 0 !important; }
}
/* End PureFit auth structural redesign v6 2026-05-09 */

/* PureFit minimal precise auth v7 2026-05-09 */
html, body { background: #f7f9fc !important; color: #111827 !important; }
.pf-login-page { min-height: 100dvh !important; padding: 24px !important; display: grid !important; place-items: center !important; background: #f7f9fc !important; }
.pf-auth-shell {
  width: min(1040px, 100%) !important;
  min-height: 620px !important;
  display: grid !important;
  grid-template-columns: 340px minmax(0, 1fr) !important;
  border: 1px solid #e5eaf2 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
.pf-showcase { min-height: 100% !important; padding: 28px !important; background: #0b1f4d !important; color: #fff !important; }
.pf-form-panel { min-height: 100% !important; padding: 28px !important; display: grid !important; place-items: center !important; background: #fff !important; }
.pf-auth-card { width: min(460px, 100%) !important; margin: 0 !important; padding: 28px !important; border: 1px solid #e5eaf2 !important; border-radius: 8px !important; box-shadow: none !important; background: #fff !important; }
.pf-auth-title { color: #111827 !important; font-weight: 900 !important; }
.pf-auth-subtitle, .pf-field-row, .pf-footnote { color: #475569 !important; }
.pf-field label { color: #111827 !important; font-weight: 850 !important; }
.pf-field-shell { min-height: 46px !important; border: 1px solid #d8e0eb !important; border-radius: 6px !important; background: #fff !important; box-shadow: none !important; }
.pf-field-shell:focus-within { border-color: #1d4ed8 !important; box-shadow: 0 0 0 2px rgba(29,78,216,.12) !important; }
.pf-input { min-height: 46px !important; height: 46px !important; color: #111827 !important; }
.pf-submit { min-height: 46px !important; border-radius: 6px !important; background: #1d4ed8 !important; color: #fff !important; box-shadow: none !important; }
@media (max-width: 767px) {
  .pf-login-page { padding: 0 !important; display: block !important; }
  .pf-auth-shell { width: 100% !important; min-height: 100dvh !important; display: block !important; border: 0 !important; border-radius: 0 !important; }
  .pf-showcase { display: none !important; }
  .pf-form-panel { padding: 0 !important; display: block !important; }
  .pf-auth-card { width: 100% !important; min-height: 100dvh !important; border: 0 !important; border-radius: 0 !important; padding: 22px 16px !important; }
}
/* End PureFit minimal precise auth v7 2026-05-09 */

/* PureFit Facebook-style single auth 2026-05-09 */
html,
body {
  background: #f0f2f5 !important;
}
.pf-login-page {
  min-height: 100dvh !important;
  padding: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f0f2f5 !important;
}
.pf-auth-shell {
  width: min(100%, 980px) !important;
  max-width: 980px !important;
  min-height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  grid-template-columns: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.pf-showcase,
.pf-mobile-brand,
.pf-secure-tag,
.pf-auth-subtitle {
  display: none !important;
}
.pf-form-panel {
  width: 100% !important;
  max-width: 420px !important;
  min-height: auto !important;
  padding: 0 !important;
  display: block !important;
  background: transparent !important;
}
.pf-auth-card {
  width: 100% !important;
  max-width: 420px !important;
  min-height: 0 !important;
  padding: 28px 28px 24px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 2px 4px rgba(0,0,0,.10), 0 8px 16px rgba(0,0,0,.10) !important;
  color: #1c1e21 !important;
  animation: pfAuthRise .22s ease both !important;
}
.pf-logo-strip {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}
.pf-logo-strip img {
  width: auto !important;
  max-width: 230px !important;
  height: 54px !important;
  max-height: 54px !important;
  object-fit: contain !important;
  filter: none !important;
}
.pf-auth-title {
  margin: 0 0 20px !important;
  color: #1c1e21 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
}
.pf-alert-stack {
  margin-bottom: 12px !important;
}
.pf-auth-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
.pf-field {
  margin: 0 !important;
}
.pf-field 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;
}
.pf-field-shell {
  min-height: 52px !important;
  height: 52px !important;
  border: 1px solid #dddfe2 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: border-color .14s ease, box-shadow .14s ease !important;
}
.pf-field-shell:focus-within {
  border-color: #1877f2 !important;
  box-shadow: 0 0 0 2px #e7f3ff !important;
  transform: none !important;
}
.pf-field-icon {
  width: 44px !important;
  color: #1877f2 !important;
  font-size: 17px !important;
}
.pf-input,
.pf-input[type="email"],
.pf-input[type="password"],
.pf-input[type="text"] {
  min-height: 50px !important;
  height: 50px !important;
  padding: 0 14px 0 0 !important;
  color: #1d2129 !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  background: transparent !important;
}
.pf-input::placeholder {
  color: #8a94a6 !important;
  opacity: 1 !important;
}
.pf-password-toggle {
  width: 44px !important;
  height: 50px !important;
  color: #1877f2 !important;
}
.pf-field-row {
  margin: 2px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: #606770 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
}
.pf-recovery-link {
  color: #1877f2 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.pf-recovery-link:hover,
.pf-recovery-link:focus {
  text-decoration: underline !important;
}
.pf-submit,
.pf-submit:hover,
.pf-submit:focus,
.pf-submit:active {
  min-height: 50px !important;
  height: 50px !important;
  margin-top: 4px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #1877f2 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 50px !important;
  text-align: center !important;
  transform: none !important;
}
.pf-submit:hover,
.pf-submit:focus {
  background: #166fe5 !important;
}
.pf-submit,
.pf-submit *,
.pf-submit .pf-submit-text {
  color: #fff !important;
}
.pf-footnote {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid #dadde1 !important;
  justify-content: center !important;
  color: #606770 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}
.pf-footnote i {
  color: #1877f2 !important;
}
.pf-modal .btn-success,
.pf-modal .btn-primary,
.pf-modal input[type="submit"].btn {
  background: #1877f2 !important;
  border-color: #1877f2 !important;
  color: #fff !important;
}
@media (max-width: 520px) {
  .pf-login-page {
    padding: 0 !important;
    align-items: stretch !important;
  }
  .pf-auth-shell,
  .pf-form-panel {
    max-width: none !important;
    width: 100% !important;
  }
  .pf-auth-card {
    max-width: none !important;
    min-height: 100dvh !important;
    padding: 30px 16px 24px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .pf-logo-strip img {
    max-width: 210px !important;
    height: 50px !important;
  }
}
/* End PureFit Facebook-style single auth 2026-05-09 */

/* PureFit Facebook auth link order polish 2026-05-09 */
.pf-auth-form .pf-field-row {
  order: 9 !important;
  justify-content: center !important;
  margin-top: 2px !important;
}
.pf-auth-form .pf-field-row > span {
  display: none !important;
}
.pf-auth-form .pf-submit {
  order: 8 !important;
}
.pf-auth-form .g-recaptcha {
  order: 7 !important;
}
/* End PureFit Facebook auth link order polish 2026-05-09 */

/* PureFit premium clean auth redesign 2026-05-09 */
:root {
  --pf-premium-blue: #1877f2;
  --pf-premium-blue-dark: #145fd7;
  --pf-premium-ink: #101828;
  --pf-premium-muted: #667085;
  --pf-premium-line: #e5e7eb;
  --pf-premium-page: #f4f7fb;
}
html,
body {
  background: var(--pf-premium-page) !important;
}
.pf-login-page {
  min-height: 100dvh !important;
  padding: 28px !important;
  display: grid !important;
  place-items: center !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(244,247,251,.96)),
    linear-gradient(135deg, #eef5ff 0%, #f8fafc 46%, #eef2ff 100%) !important;
  color: var(--pf-premium-ink) !important;
}
.pf-auth-shell {
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  min-height: auto !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.pf-showcase,
.pf-mobile-brand,
.pf-secure-tag,
.pf-footnote,
.pf-auth-form .pf-field-row > span {
  display: none !important;
}
.pf-form-panel {
  width: 100% !important;
  max-width: 430px !important;
  min-height: auto !important;
  padding: 0 !important;
  background: transparent !important;
}
.pf-auth-card {
  width: 100% !important;
  max-width: 430px !important;
  min-height: 0 !important;
  padding: 34px 32px 30px !important;
  border: 1px solid rgba(229, 231, 235, .92) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 20px 55px rgba(16, 24, 40, .12), 0 2px 8px rgba(16, 24, 40, .04) !important;
  color: var(--pf-premium-ink) !important;
  position: relative !important;
  overflow: hidden !important;
  animation: pfPremiumAuthIn .42s cubic-bezier(.2,.8,.2,1) both !important;
}
.pf-auth-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #1877f2, #38bdf8, #1877f2) !important;
  background-size: 180% 100% !important;
  animation: pfPremiumLine 4s ease infinite !important;
}
.pf-logo-strip {
  margin: 0 0 22px !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.pf-logo-strip img {
  width: auto !important;
  max-width: 210px !important;
  height: 52px !important;
  max-height: 52px !important;
  object-fit: contain !important;
  filter: none !important;
}
.pf-auth-title {
  margin: 0 !important;
  color: var(--pf-premium-ink) !important;
  font-size: 28px !important;
  font-weight: 760 !important;
  line-height: 1.18 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
}
.pf-auth-subtitle {
  display: block !important;
  margin: 8px 0 24px !important;
  color: var(--pf-premium-muted) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}
.pf-alert-stack {
  margin: 0 0 14px !important;
}
.pf-alert {
  border-radius: 10px !important;
  font-size: 14px !important;
}
.pf-auth-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 13px !important;
}
.pf-field { margin: 0 !important; }
.pf-field 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;
}
.pf-field-shell {
  min-height: 54px !important;
  height: 54px !important;
  border: 1px solid #d8dee8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.04) !important;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
.pf-field-shell:hover {
  border-color: #c8d2e1 !important;
}
.pf-field-shell:focus-within {
  border-color: var(--pf-premium-blue) !important;
  box-shadow: 0 0 0 4px rgba(24,119,242,.12) !important;
  transform: translateY(-1px) !important;
}
.pf-field-icon {
  width: 48px !important;
  color: var(--pf-premium-blue) !important;
  font-size: 17px !important;
}
.pf-input,
.pf-input[type="email"],
.pf-input[type="password"],
.pf-input[type="text"] {
  min-height: 52px !important;
  height: 52px !important;
  padding: 0 14px 0 0 !important;
  color: var(--pf-premium-ink) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  background: transparent !important;
}
.pf-input::placeholder {
  color: #98a2b3 !important;
  opacity: 1 !important;
}
.pf-password-toggle {
  width: 46px !important;
  height: 52px !important;
  color: var(--pf-premium-blue) !important;
}
.pf-submit,
.pf-submit:hover,
.pf-submit:focus,
.pf-submit:active {
  order: 8 !important;
  min-height: 52px !important;
  height: 52px !important;
  margin-top: 3px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--pf-premium-blue) !important;
  box-shadow: 0 10px 22px rgba(24,119,242,.25) !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 760 !important;
  line-height: 52px !important;
  text-align: center !important;
  transform: none !important;
  transition: background .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
.pf-submit:hover,
.pf-submit:focus {
  background: var(--pf-premium-blue-dark) !important;
  box-shadow: 0 14px 28px rgba(24,119,242,.3) !important;
  transform: translateY(-1px) !important;
}
.pf-submit,
.pf-submit *,
.pf-submit .pf-submit-text {
  color: #fff !important;
}
.pf-auth-form .pf-field-row {
  order: 9 !important;
  margin: 2px 0 0 !important;
  display: flex !important;
  justify-content: center !important;
  color: var(--pf-premium-muted) !important;
  font-size: 14px !important;
}
.pf-recovery-link {
  color: var(--pf-premium-blue) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.pf-recovery-link:hover,
.pf-recovery-link:focus {
  text-decoration: underline !important;
}
.g-recaptcha {
  order: 7 !important;
}
.pf-modal .btn-success,
.pf-modal .btn-primary,
.pf-modal input[type="submit"].btn {
  background: var(--pf-premium-blue) !important;
  border-color: var(--pf-premium-blue) !important;
  color: #fff !important;
}
@keyframes pfPremiumAuthIn {
  from { opacity: 0; transform: translateY(14px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes pfPremiumLine {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@media (max-width: 520px) {
  .pf-login-page {
    padding: 14px !important;
    align-items: center !important;
  }
  .pf-auth-shell,
  .pf-form-panel,
  .pf-auth-card {
    width: 100% !important;
    max-width: none !important;
  }
  .pf-auth-card {
    padding: 30px 18px 26px !important;
    border-radius: 16px !important;
  }
  .pf-logo-strip img {
    max-width: 194px !important;
    height: 48px !important;
  }
  .pf-auth-title {
    font-size: 25px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pf-auth-card,
  .pf-auth-card::before,
  .pf-field-shell,
  .pf-submit {
    animation: none !important;
    transition: none !important;
  }
}
/* End PureFit premium clean auth redesign 2026-05-09 */

/* PureFit premium auth width lock 2026-05-09 */
.pf-auth-shell,
.pf-form-panel,
.pf-auth-card {
  box-sizing: border-box !important;
}
.pf-auth-shell,
.pf-form-panel {
  width: 430px !important;
  max-width: calc(100vw - 32px) !important;
}
.pf-auth-card {
  width: 430px !important;
  max-width: 100% !important;
}
@media (max-width: 520px) {
  .pf-auth-shell,
  .pf-form-panel,
  .pf-auth-card {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* End PureFit premium auth width lock 2026-05-09 */

/* PureFit premium clean auth redesign 2026-05-09 */
html,
body {
  min-height: 100% !important;
  background: #f6f8fc !important;
  color: #111827 !important;
}
body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(115deg, rgba(37,99,235,.10), transparent 28%, rgba(20,184,166,.10) 62%, transparent 86%),
    linear-gradient(180deg, #fbfdff 0%, #f3f6fb 100%) !important;
  animation: pfAuthWash 9s ease-in-out infinite alternate !important;
}
.pf-login-page {
  min-height: 100dvh !important;
  width: 100% !important;
  padding: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
}
.pf-auth-shell {
  width: min(100%, 460px) !important;
  max-width: 460px !important;
  min-height: auto !important;
  display: block !important;
  grid-template-columns: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.pf-showcase,
.pf-mobile-brand,
.pf-secure-tag,
.pf-auth-subtitle,
.pf-footnote {
  display: none !important;
}
.pf-form-panel {
  width: 100% !important;
  max-width: 460px !important;
  min-height: auto !important;
  padding: 0 !important;
  display: block !important;
  background: transparent !important;
}
.pf-auth-card {
  position: relative !important;
  width: 100% !important;
  max-width: 460px !important;
  min-height: 0 !important;
  padding: 34px 34px 30px !important;
  border: 1px solid rgba(226, 232, 240, .95) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .12), 0 1px 0 rgba(255,255,255,.9) inset !important;
  color: #111827 !important;
  overflow: hidden !important;
  animation: pfAuthCardIn .48s cubic-bezier(.2,.8,.2,1) both !important;
}
.pf-auth-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #2563eb, #06b6d4, #14b8a6) !important;
}
.pf-auth-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 4px 0 auto 0 !important;
  height: 92px !important;
  background: linear-gradient(180deg, rgba(37,99,235,.06), transparent) !important;
  pointer-events: none !important;
}
.pf-logo-strip {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.pf-logo-strip img {
  width: auto !important;
  max-width: 225px !important;
  height: 52px !important;
  max-height: 52px !important;
  object-fit: contain !important;
  filter: none !important;
}
.pf-auth-title {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 0 24px !important;
  color: #111827 !important;
  font-size: 25px !important;
  font-weight: 780 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}
.pf-auth-title::after {
  content: "Sign in to continue" !important;
  display: block !important;
  margin-top: 7px !important;
  color: #64748b !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}
.pf-alert-stack {
  position: relative !important;
  z-index: 2 !important;
  margin-bottom: 14px !important;
}
.pf-auth-form {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
.pf-field { margin: 0 !important; }
.pf-field 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;
}
.pf-field-shell {
  min-height: 54px !important;
  height: 54px !important;
  border: 1px solid #dbe3ef !important;
  border-radius: 12px !important;
  background: #fdfefe !important;
  box-shadow: 0 1px 0 rgba(15,23,42,.03) inset !important;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}
.pf-field-shell:focus-within {
  border-color: #2563eb !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.12) !important;
  transform: none !important;
}
.pf-field-icon {
  width: 46px !important;
  color: #2563eb !important;
  font-size: 16px !important;
}
.pf-input,
.pf-input[type="email"],
.pf-input[type="password"],
.pf-input[type="text"] {
  min-height: 52px !important;
  height: 52px !important;
  padding: 0 14px 0 0 !important;
  color: #0f172a !important;
  font-size: 16px !important;
  font-weight: 520 !important;
  background: transparent !important;
}
.pf-input::placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}
.pf-password-toggle {
  width: 46px !important;
  height: 52px !important;
  color: #2563eb !important;
}
.pf-auth-form .pf-field-row {
  order: 9 !important;
  margin: -2px 0 0 !important;
  display: flex !important;
  justify-content: center !important;
  color: #64748b !important;
  font-size: 14px !important;
}
.pf-auth-form .pf-field-row > span { display: none !important; }
.pf-recovery-link {
  color: #2563eb !important;
  font-weight: 650 !important;
  text-decoration: none !important;
}
.pf-recovery-link:hover,
.pf-recovery-link:focus { text-decoration: underline !important; }
.pf-submit,
.pf-submit:hover,
.pf-submit:focus,
.pf-submit:active {
  order: 8 !important;
  min-height: 54px !important;
  height: 54px !important;
  margin-top: 2px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%) !important;
  box-shadow: 0 14px 28px rgba(37, 99, 235, .26) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 760 !important;
  line-height: 54px !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  transform: none !important;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}
.pf-submit:hover,
.pf-submit:focus {
  filter: brightness(.98) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 34px rgba(37, 99, 235, .31) !important;
}
.pf-submit,
.pf-submit *,
.pf-submit .pf-submit-text { color: #fff !important; }
.pf-modal .btn-success,
.pf-modal .btn-primary,
.pf-modal input[type="submit"].btn {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #fff !important;
}
@keyframes pfAuthWash {
  from { filter: hue-rotate(0deg); opacity: .86; }
  to { filter: hue-rotate(10deg); opacity: 1; }
}
@keyframes pfAuthCardIn {
  from { opacity: 0; transform: translateY(12px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 520px) {
  .pf-login-page {
    padding: 14px !important;
    align-items: center !important;
  }
  .pf-auth-shell,
  .pf-form-panel { max-width: none !important; width: 100% !important; }
  .pf-auth-card {
    max-width: none !important;
    padding: 30px 18px 26px !important;
    border-radius: 16px !important;
  }
  .pf-logo-strip img {
    max-width: 208px !important;
    height: 48px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body::before,
  .pf-auth-card,
  .pf-submit,
  .pf-field-shell { animation: none !important; transition: none !important; }
}
/* End PureFit premium clean auth redesign 2026-05-09 */

/* PureFit premium auth field alignment fix 2026-05-09 */
.pf-field-shell {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}
.pf-field-shell .pf-field-icon {
  position: static !important;
  flex: 0 0 52px !important;
  width: 52px !important;
  min-width: 52px !important;
  height: 52px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  transform: none !important;
  pointer-events: none !important;
}
.pf-field-shell .pf-input,
.pf-field-shell .pf-input[type="email"],
.pf-field-shell .pf-input[type="password"],
.pf-field-shell .pf-input[type="text"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 14px 0 0 !important;
  margin: 0 !important;
  line-height: 52px !important;
}
.pf-field-shell .pf-password-toggle {
  position: static !important;
  flex: 0 0 48px !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 52px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  transform: none !important;
}
.pf-field-shell .pf-input::placeholder {
  color: #94a3b8 !important;
  font-weight: 520 !important;
}
/* End PureFit premium auth field alignment fix 2026-05-09 */

/* PureFit auth remove inner input box 2026-05-09 */
.pf-field-shell .pf-input,
.pf-field-shell .pf-input.form-control,
.pf-field-shell input.pf-input,
.pf-field-shell input.form-control,
.pf-field-shell input[type="email"],
.pf-field-shell input[type="password"],
.pf-field-shell input[type="text"] {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.pf-field-shell .pf-input:focus,
.pf-field-shell .pf-input.form-control:focus,
.pf-field-shell input.form-control:focus {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
/* End PureFit auth remove inner input box 2026-05-09 */