/* MXAI Smart Cleansing Data v3.0.55.57 — dedicated authentication shell.
   Loaded only for login / OAuth OTP / account status / password setup flows so these screens
   never depend on the public landing stylesheet or the active WordPress theme. */
:root{
  --mx-auth-accent:var(--mx-brand-accent,#7367F0);
  --mx-auth-teal:var(--mx-brand-accent-2,#56C7C2);
  --mx-auth-ink:#2f2b3d;
  --mx-auth-muted:#7d8499;
  --mx-auth-line:#e3e6ef;
  --mx-auth-soft:#f7f7fc;
  --mx-auth-danger:#b83f51;
}
html{min-height:100%;background:#f5f7fd}
body.mxai-scd-auth-flow-page{
  margin:0!important;min-width:320px;min-height:100svh!important;background:#f5f7fd!important;
  color:var(--mx-auth-ink)!important;font-family:Prompt,"Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif!important;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden!important;
}
body.mxai-scd-auth-flow-page *,body.mxai-scd-auth-flow-page *::before,body.mxai-scd-auth-flow-page *::after{box-sizing:border-box}
body.mxai-scd-auth-flow-page .mxai-scd-native-page,
body.mxai-scd-auth-flow-page .mxai-scd-native-main{width:100%!important;max-width:none!important;min-height:100svh!important;margin:0!important;padding:0!important;background:transparent!important}
body.mxai-scd-auth-flow-page .mxai-scd-native-main{display:grid!important;place-items:center!important}
body.mxai-scd-auth-flow-page .mxai-native-footer,
body.mxai-scd-auth-flow-page .entry-header,
body.mxai-scd-auth-flow-page .entry-title,
body.mxai-scd-auth-flow-page .page-title{display:none!important}

.mxai-auth-page{
  position:relative!important;isolation:isolate;width:100%!important;max-width:none!important;min-height:100svh!important;
  margin:0!important;padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;border:0!important;border-radius:0!important;
  background:
    radial-gradient(circle at 8% 88%,rgba(115,103,240,.16),transparent 30%),
    radial-gradient(circle at 92% 10%,rgba(86,199,194,.14),transparent 30%),
    linear-gradient(145deg,#fafbff 0%,#f2f4ff 53%,#f8fbff 100%)!important;
}
.mxai-auth-page::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.24;
  background-image:linear-gradient(rgba(87,97,160,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(87,97,160,.08) 1px,transparent 1px);
  background-size:36px 36px;
}
.mxai-auth-page::after{
  content:"";position:absolute;z-index:-1;width:360px;height:360px;right:-185px;bottom:-190px;border-radius:50%;pointer-events:none;
  border:1px solid rgba(115,103,240,.14);box-shadow:0 0 0 42px rgba(115,103,240,.03),0 0 0 90px rgba(86,199,194,.02);
}
.mxai-auth-orb{display:none!important}
.mxai-auth-card{
  position:relative!important;z-index:2;width:min(100%,500px)!important;max-width:500px!important;min-width:0!important;
  margin:0!important;padding:28px 30px 22px!important;overflow:hidden!important;text-align:center!important;
  background:rgba(255,255,255,.97)!important;border:1px solid rgba(218,223,239,.94)!important;border-radius:24px!important;
  box-shadow:0 24px 70px rgba(48,54,112,.14),0 3px 12px rgba(48,54,112,.05)!important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.mxai-auth-page-compact .mxai-auth-card{max-width:470px!important}
.mxai-auth-login-brand{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:66px!important;margin:0 auto 6px!important;padding:0 8px!important}
.mxai-auth-login-brand-compact{min-height:52px!important;margin-bottom:2px!important}
.mxai-auth-login-brand img,.mxai-auth-login-brand .mxai-brand-logo{
  display:block!important;width:min(270px,84%)!important;height:auto!important;max-width:270px!important;max-height:66px!important;
  object-fit:contain!important;object-position:center!important;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;
}
.mxai-auth-login-brand-compact img,.mxai-auth-login-brand-compact .mxai-brand-logo{width:min(220px,72%)!important;max-width:220px!important;max-height:50px!important}
.mxai-visually-hidden{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}

.mxai-auth-lock{
  display:grid!important;place-items:center!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;
  margin:4px auto 10px!important;border:1px solid #e6e1ff!important;border-radius:16px!important;
  background:linear-gradient(145deg,#f1eeff,#fbfaff)!important;color:var(--mx-auth-accent)!important;box-shadow:0 10px 24px rgba(115,103,240,.10)!important;
}
.mxai-auth-security-icon{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;color:var(--mx-auth-accent)!important}
.mxai-auth-security-icon svg{display:block!important;width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;min-height:26px!important;max-height:26px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important}
.mxai-auth-security-icon svg circle{fill:currentColor!important;stroke:none!important}

.mxai-auth-provider-badge{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;max-width:100%!important;
  margin:0 auto 10px!important;padding:6px 10px!important;border:1px solid #e5e7f0!important;border-radius:999px!important;background:#f8f9fc!important;
  color:#50586e!important;font-size:11px!important;font-weight:750!important;line-height:1.2!important;
}
.mxai-auth-provider-badge svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important}
.mxai-auth-provider-badge.is-line{background:#f2fbf5!important;border-color:#d8f2df!important;color:#247046!important}
.mxai-auth-provider-badge.is-facebook{background:#f2f7ff!important;border-color:#dce9ff!important;color:#315d9d!important}
.mxai-auth-provider-badge.is-google{background:#fff!important;border-color:#e3e6ed!important}
.mxai-auth-provider-badge.is-email{background:#f5f3ff!important;border-color:#e3deff!important;color:#5d4ddb!important}

.mxai-auth-eyebrow{display:block!important;margin:0 0 6px!important;color:var(--mx-auth-accent)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.09em!important;text-transform:uppercase!important}
.mxai-auth-card h2{margin:0!important;color:#29263a!important;font-size:27px!important;font-weight:850!important;line-height:1.25!important;letter-spacing:-.015em!important}
.mxai-auth-sub{margin:8px auto 18px!important;max-width:410px!important;color:var(--mx-auth-muted)!important;font-size:13px!important;line-height:1.55!important;font-weight:450!important}
.mxai-auth-sub b{color:#49465a!important;font-weight:800!important;white-space:nowrap!important}
.mxai-auth-login-sub{margin:2px auto 16px!important;font-size:12px!important}

.mxai-auth-alert{display:block!important;margin:0 0 14px!important;padding:10px 12px!important;border-radius:11px!important;text-align:left!important;font-size:12px!important;line-height:1.5!important}
.mxai-auth-alert.success{background:#edf9f2!important;border:1px solid #d7f0e0!important;color:#236f49!important}
.mxai-auth-alert.warn,.mxai-auth-alert.error{background:#fff3f4!important;border:1px solid #f4d9dd!important;color:#9b3b49!important}

.mxai-auth-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;margin:0!important;padding:0!important;text-align:left!important}
.mxai-auth-form>input[type=hidden],.mxai-auth-form input[type=hidden]{display:none!important}
.mxai-auth-form label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;width:100%!important;margin:0!important;padding:0!important;color:#444b60!important;font-size:12px!important;font-weight:750!important}
.mxai-auth-form label>span{display:block!important;margin:0!important;color:#444b60!important;font-size:12px!important;font-weight:750!important;line-height:1.4!important}
.mxai-auth-form label small,.mxai-register-inner small{color:#8d95a8!important;font-size:10.5px!important;line-height:1.45!important;font-weight:450!important}
.mxai-auth-form input:not([type=hidden]):not([type=checkbox]):not([type=radio]){
  display:block!important;width:100%!important;max-width:none!important;min-width:0!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 14px!important;
  border:1px solid #dce1ec!important;border-radius:12px!important;background:#fff!important;color:#292f42!important;box-shadow:none!important;outline:0!important;
  font:inherit!important;font-size:14px!important;line-height:1!important;-webkit-appearance:none!important;appearance:none!important;
}
.mxai-auth-form input:not([type=hidden]):not([type=checkbox]):not([type=radio]):focus{border-color:var(--mx-auth-accent)!important;box-shadow:0 0 0 3px rgba(115,103,240,.11)!important}
.mxai-auth-form input::placeholder{color:#b1b7c6!important;opacity:1!important;font-weight:450!important}
/* v3.0.55.60 — Safari-safe auth controls. The icon owns a real grid column instead of
   sharing the input text area, so no theme/browser/autofill rule can make it overlap text. */
.mxai-password-wrap{position:relative!important;display:block!important;width:100%!important;min-width:0!important}
.mxai-input-icon{
  position:relative!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;
  overflow:visible!important;border:1px solid #dce1ec!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease!important;
}
.mxai-input-icon.mxai-password-wrap{grid-template-columns:46px minmax(0,1fr) 46px!important}
.mxai-input-icon:focus-within{border-color:var(--mx-auth-accent)!important;box-shadow:0 0 0 3px rgba(115,103,240,.11)!important}
.mxai-input-icon>i.mxai-field-svg{
  position:static!important;z-index:2!important;grid-column:1!important;grid-row:1!important;transform:none!important;display:grid!important;place-items:center!important;
  width:46px!important;height:100%!important;margin:0!important;padding:0!important;color:#8b94a8!important;pointer-events:none!important;
}
.mxai-input-icon>i.mxai-field-svg svg{display:block!important;width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.mxai-auth-form .mxai-input-icon>input:not([type=hidden]){
  position:relative!important;z-index:1!important;grid-column:2!important;grid-row:1!important;width:100%!important;height:46px!important;min-height:46px!important;
  margin:0!important;padding:0 12px 0 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;
}
.mxai-auth-form .mxai-input-icon>input:not([type=hidden]):focus{border:0!important;box-shadow:none!important;outline:0!important}
.mxai-auth-form .mxai-input-icon.mxai-password-wrap>input:not([type=hidden]){padding-right:4px!important}
.mxai-input-icon.mxai-password-wrap>.mxai-pass-toggle{
  position:static!important;z-index:3!important;grid-column:3!important;grid-row:1!important;transform:none!important;justify-self:center!important;align-self:center!important;
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;margin:0!important;padding:0!important;
}
.mxai-pass-toggle{position:absolute!important;z-index:3;right:7px!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#7564e8!important;cursor:pointer!important}
.mxai-pass-toggle:hover{background:#f5f3ff!important}.mxai-pass-toggle svg{display:block!important;width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}

.mxai-auth-primary,.mxai-auth-secondary,.mxai-auth-link{
  font-family:inherit!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent;
}
.mxai-auth-primary,.mxai-auth-secondary{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:48px!important;margin:0!important;padding:10px 15px!important;
  border-radius:12px!important;font-size:14px!important;font-weight:850!important;line-height:1.25!important;cursor:pointer!important;
}
.mxai-auth-primary{border:0!important;background:linear-gradient(100deg,var(--mx-auth-accent),#6e5eea 64%,#667be9)!important;color:#fff!important;box-shadow:0 10px 24px rgba(115,103,240,.20)!important}
.mxai-auth-primary:hover{filter:brightness(.985)}.mxai-auth-primary:disabled{opacity:.55!important;cursor:not-allowed!important;box-shadow:none!important}
.mxai-auth-secondary{border:1px solid #e2defa!important;background:#f7f5ff!important;color:#5c4bd8!important;box-shadow:none!important}
.mxai-auth-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;color:#5f50df!important;font-size:12px!important;font-weight:700!important}

.mxai-auth-form label.mxai-remember{display:flex!important;grid-template-columns:none!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;width:100%!important;min-height:28px!important;margin:0!important;padding:0!important;font-size:12px!important;font-weight:600!important;line-height:1.4!important;color:#60687b!important}
.mxai-auth-form label.mxai-remember>input[type=checkbox],.mxai-auth-page input[type=checkbox]{
  position:relative!important;display:inline-grid!important;place-content:center!important;box-sizing:border-box!important;flex:0 0 20px!important;align-self:center!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;aspect-ratio:1 / 1!important;
  margin:0!important;padding:0!important;border:1.5px solid #b8bfd0!important;border-radius:5px!important;background:#fff!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;
}
.mxai-auth-page input[type=checkbox]::before{content:""!important;display:block!important;width:9px!important;height:5px!important;border-left:2px solid #fff!important;border-bottom:2px solid #fff!important;transform:rotate(-45deg) scale(0)!important;transform-origin:center!important;transition:transform .12s ease!important}
.mxai-auth-page input[type=checkbox]:checked{background:var(--mx-auth-accent)!important;border-color:var(--mx-auth-accent)!important}
.mxai-auth-page input[type=checkbox]:checked::before{transform:rotate(-45deg) scale(1)!important}
.mxai-auth-form label.mxai-remember>span{display:inline!important;flex:0 1 auto!important;margin:0!important;color:#60687b!important;font-size:12px!important;font-weight:650!important;line-height:1.45!important;white-space:normal!important}

.mxai-otp-timer{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:0 0 14px!important;padding:9px 12px!important;border:1px solid #e6e1ff!important;border-radius:12px!important;background:#f6f4ff!important;color:#5d50cf!important;font-size:12px!important;line-height:1.2!important}
.mxai-otp-timer strong{font-size:14px!important;font-weight:850!important;font-variant-numeric:tabular-nums!important}.mxai-otp-timer.expired{background:#fff2f3!important;border-color:#f2d7dc!important;color:#a53d4c!important}
.mxai-auth-form .mxai-otp-boxes{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
.mxai-auth-form .mxai-otp-boxes .mxai-otp-box{
  display:block!important;width:100%!important;max-width:none!important;min-width:0!important;height:52px!important;min-height:52px!important;margin:0!important;padding:0!important;
  border:1.5px solid #d8ddec!important;border-radius:12px!important;background:#fff!important;color:#252a3e!important;text-align:center!important;
  font-size:23px!important;font-weight:850!important;line-height:1!important;letter-spacing:0!important;box-shadow:none!important;-webkit-appearance:none!important;appearance:none!important;
}
.mxai-auth-form .mxai-otp-boxes .mxai-otp-box:focus{border-color:var(--mx-auth-accent)!important;box-shadow:0 0 0 3px rgba(115,103,240,.11)!important}

.mxai-social-divider{display:flex!important;align-items:center!important;gap:11px!important;margin:18px 0 12px!important;color:#9299a9!important;font-size:11px!important}.mxai-social-divider::before,.mxai-social-divider::after{content:""!important;height:1px!important;flex:1!important;background:#e8eaf1!important}
.mxai-social-login-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;width:100%!important}
.mxai-social-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;min-height:44px!important;padding:8px 9px!important;border:1px solid #dfe3ec!important;border-radius:11px!important;background:#fff!important;color:#40485c!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;line-height:1!important;box-shadow:none!important}
.mxai-social-btn:hover{background:#fafbfe!important;border-color:#d3d8e5!important}.mxai-social-btn.disabled{opacity:.48!important;cursor:not-allowed!important}.mxai-social-btn svg{display:block!important;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important}.mxai-social-btn.line svg{width:22px!important;height:22px!important}
.mxai-social-unified-note{margin:11px 2px 0!important;color:#969eb0!important;font-size:10.5px!important;line-height:1.55!important;text-align:center!important}

.mxai-status-check,.mxai-register-box{margin:12px 0 0!important;border:1px solid #e5e8f0!important;border-radius:12px!important;background:#fbfcff!important;overflow:hidden!important;text-align:left!important}
.mxai-status-check summary,.mxai-register-box summary{display:block!important;cursor:pointer!important;padding:11px 12px!important;color:#5b6275!important;font-size:11.5px!important;font-weight:750!important;line-height:1.45!important;text-align:center!important;list-style:none!important}.mxai-status-check summary::-webkit-details-marker,.mxai-register-box summary::-webkit-details-marker{display:none!important}.mxai-status-check[open] summary,.mxai-register-box[open] summary{border-bottom:1px solid #e9ebf2!important}.mxai-status-check .mxai-auth-form,.mxai-register-inner{padding:12px!important}.mxai-register-inner>p{margin:0 0 12px!important;color:#858da0!important;font-size:11px!important;line-height:1.55!important}.mxai-register-approval-note{display:block!important;margin-top:-3px!important;text-align:center!important}

.mxai-pending-state{display:grid!important;gap:11px!important;justify-items:center!important}.mxai-pending-graphic{position:relative!important;display:grid!important;place-items:center!important;width:68px!important;height:68px!important;margin-bottom:2px!important}.mxai-pending-graphic .ring{position:absolute!important;inset:0!important;border:1px solid #e2defe!important;border-radius:50%!important}.mxai-pending-graphic .r2{inset:8px!important;background:#f4f2ff!important}.mxai-pending-icon{position:relative!important;z-index:2;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:50%!important;background:var(--mx-auth-accent)!important;color:#fff!important;font-weight:900!important}.mxai-pending-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;width:100%!important;margin:4px 0!important}.mxai-pending-steps span{display:grid!important;place-items:center!important;min-height:34px!important;padding:5px!important;border-radius:9px!important;background:#f4f5f9!important;color:#8991a3!important;font-size:9.5px!important;font-weight:700!important;text-align:center!important}.mxai-pending-steps .done{background:#eef9f2!important;color:#28764d!important}.mxai-pending-steps .active{background:#f3f0ff!important;color:#614ee4!important}.mxai-pending-actions{display:grid!important;gap:8px!important;width:100%!important}.mxai-pending-note{color:#8b93a6!important;font-size:10.5px!important;line-height:1.5!important}

.mxai-auth-footer-legal{display:grid!important;justify-items:center!important;gap:5px!important;margin:18px 0 0!important;padding:14px 0 0!important;border-top:1px solid #edf0f5!important;color:#979eae!important;font-size:10.5px!important;line-height:1.45!important;text-align:center!important}
.mxai-auth-footer-legal>span{display:block!important;max-width:100%!important}.mxai-auth-footer-legal strong{color:var(--mx-auth-accent)!important}.mxai-auth-footer-legal nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex-wrap:wrap!important}.mxai-auth-footer-legal nav a{color:#6555df!important;text-decoration:none!important;font-weight:750!important}.mxai-auth-footer-legal nav a:hover{text-decoration:underline!important}

@media(max-width:600px){
  .mxai-auth-page{place-items:start center!important;padding:max(14px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important}
  .mxai-auth-card{width:100%!important;max-width:460px!important;padding:20px 17px 17px!important;border-radius:20px!important}
  .mxai-auth-login-brand{min-height:56px!important;margin-bottom:4px!important}.mxai-auth-login-brand img,.mxai-auth-login-brand .mxai-brand-logo{width:min(245px,82%)!important;max-height:56px!important}.mxai-auth-login-brand-compact{min-height:46px!important}.mxai-auth-login-brand-compact img,.mxai-auth-login-brand-compact .mxai-brand-logo{width:min(205px,72%)!important;max-height:45px!important}
  .mxai-auth-lock{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;margin-bottom:9px!important;border-radius:15px!important}
  .mxai-auth-card h2{font-size:24px!important}.mxai-auth-sub{margin-bottom:15px!important;font-size:12px!important}
  .mxai-auth-form{gap:10px!important}.mxai-auth-form input:not([type=hidden]):not([type=checkbox]):not([type=radio]){height:46px!important;min-height:46px!important;font-size:14px!important}
  .mxai-input-icon{height:46px!important;min-height:46px!important;grid-template-columns:44px minmax(0,1fr)!important}
  .mxai-input-icon.mxai-password-wrap{grid-template-columns:44px minmax(0,1fr) 44px!important}
  .mxai-input-icon>i.mxai-field-svg{width:44px!important}
  .mxai-auth-form .mxai-input-icon>input:not([type=hidden]){height:44px!important;min-height:44px!important;padding:0 10px 0 4px!important}
  .mxai-auth-form label.mxai-remember{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:9px!important;min-height:24px!important}
  .mxai-auth-form label.mxai-remember>input[type=checkbox]{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;aspect-ratio:1 / 1!important}
  .mxai-auth-primary,.mxai-auth-secondary{min-height:46px!important}
  .mxai-auth-form .mxai-otp-boxes{gap:5px!important}.mxai-auth-form .mxai-otp-boxes .mxai-otp-box{height:47px!important;min-height:47px!important;font-size:21px!important;border-radius:10px!important}
  .mxai-auth-footer-legal{margin-top:15px!important;padding-top:12px!important}
}
@media(max-width:380px){
  .mxai-auth-page{padding-left:7px!important;padding-right:7px!important}.mxai-auth-card{padding-left:13px!important;padding-right:13px!important;border-radius:18px!important}
  .mxai-auth-form .mxai-otp-boxes{gap:4px!important}.mxai-auth-form .mxai-otp-boxes .mxai-otp-box{height:43px!important;min-height:43px!important;font-size:19px!important}
  .mxai-social-login-row{gap:6px!important}.mxai-social-btn{padding:7px 5px!important;font-size:11px!important}.mxai-social-btn svg{width:18px!important;height:18px!important;min-width:18px!important}
  .mxai-pending-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-height:720px) and (min-width:601px){.mxai-auth-page{min-height:100vh!important;padding-top:12px!important;padding-bottom:12px!important}.mxai-auth-card{padding-top:18px!important;padding-bottom:16px!important}.mxai-auth-login-brand{min-height:50px!important}.mxai-auth-login-brand img,.mxai-auth-login-brand .mxai-brand-logo{max-height:50px!important}.mxai-auth-sub{margin-bottom:12px!important}.mxai-auth-form{gap:9px!important}}
@media(prefers-reduced-motion:reduce){.mxai-auth-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Authentication is a security-focused full-screen flow. Keep floating support widgets from
   covering OTP fields/buttons on small screens; they remain available everywhere else. */
body.mxai-scd-auth-flow-page #tidio-chat,
body.mxai-scd-auth-flow-page #tawkchat-container,
body.mxai-scd-auth-flow-page .tawk-min-container,
body.mxai-scd-auth-flow-page .chaty-widget,
body.mxai-scd-auth-flow-page [class*="chaty-widget"],
body.mxai-scd-auth-flow-page .joinchat,
body.mxai-scd-auth-flow-page iframe[title*="chat" i]{display:none!important}

/* v3.0.55.64 — login credential fields are one visual control.
   Chrome/Safari/Password Managers may paint their own autofill background on the inner input.
   Keep the wrapper as the only border/radius surface and normalize autofill so it never looks
   like a second rounded field nested inside the MXAI control. */
.mxai-auth-page .mxai-auth-form .mxai-auth-credential-field{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  min-height:48px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:1px solid #dce1ec!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.mxai-auth-page .mxai-auth-form .mxai-auth-credential-field.mxai-password-wrap{
  grid-template-columns:42px minmax(0,1fr) 44px!important;
}
.mxai-auth-page .mxai-auth-form .mxai-auth-credential-field:focus-within{
  border-color:var(--mx-auth-accent)!important;
  box-shadow:0 0 0 3px rgba(115,103,240,.11)!important;
}
.mxai-auth-page .mxai-auth-form .mxai-auth-credential-field > i.mxai-field-svg{
  position:static!important;
  grid-column:1!important;
  grid-row:1!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:100%!important;
  min-width:42px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  color:#9098aa!important;
  background:transparent!important;
}
.mxai-auth-page .mxai-auth-form .mxai-auth-credential-field > input#mxai-login-identifier,
.mxai-auth-page .mxai-auth-form .mxai-auth-credential-field > input#mxai-login-password{
  position:static!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:stretch!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-radius:0!important;
  outline:0!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#292f42!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.mxai-auth-page .mxai-auth-form .mxai-auth-credential-field > input#mxai-login-identifier:focus,
.mxai-auth-page .mxai-auth-form .mxai-auth-credential-field > input#mxai-login-password:focus{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
}
.mxai-auth-page .mxai-auth-form .mxai-auth-credential-field.mxai-password-wrap > .mxai-pass-toggle{
  position:static!important;
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  border-radius:9px!important;
}

/* Normalize browser/password-manager autofill. The large inset fill deliberately matches the
   outer field surface, so saved credentials remain a single seamless control. */
.mxai-auth-page .mxai-auth-form .mxai-auth-credential-field > input#mxai-login-identifier:-webkit-autofill,
.mxai-auth-page .mxai-auth-form .mxai-auth-credential-field > input#mxai-login-identifier:-webkit-autofill:hover,
.mxai-auth-page .mxai-auth-form .mxai-auth-credential-field > input#mxai-login-identifier:-webkit-autofill:focus,
.mxai-auth-page .mxai-auth-form .mxai-auth-credential-field > input#mxai-login-password:-webkit-autofill,
.mxai-auth-page .mxai-auth-form .mxai-auth-credential-field > input#mxai-login-password:-webkit-autofill:hover,
.mxai-auth-page .mxai-auth-form .mxai-auth-credential-field > input#mxai-login-password:-webkit-autofill:focus{
  border:0!important;
  border-radius:0!important;
  -webkit-text-fill-color:#292f42!important;
  caret-color:#292f42!important;
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
  box-shadow:0 0 0 1000px #fff inset!important;
  transition:background-color 999999s ease-out 0s!important;
}
@supports selector(input:autofill){
  .mxai-auth-page .mxai-auth-form .mxai-auth-credential-field > input#mxai-login-identifier:autofill,
  .mxai-auth-page .mxai-auth-form .mxai-auth-credential-field > input#mxai-login-password:autofill{
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:0 0 0 1000px #fff inset!important;
  }
}

@media(max-width:600px){
  .mxai-auth-page .mxai-auth-form .mxai-auth-credential-field{
    grid-template-columns:40px minmax(0,1fr)!important;
    height:46px!important;
    min-height:46px!important;
  }
  .mxai-auth-page .mxai-auth-form .mxai-auth-credential-field.mxai-password-wrap{
    grid-template-columns:40px minmax(0,1fr) 42px!important;
  }
  .mxai-auth-page .mxai-auth-form .mxai-auth-credential-field > i.mxai-field-svg{
    width:40px!important;
    min-width:40px!important;
  }
  .mxai-auth-page .mxai-auth-form .mxai-auth-credential-field > input#mxai-login-identifier,
  .mxai-auth-page .mxai-auth-form .mxai-auth-credential-field > input#mxai-login-password{
    height:44px!important;
    min-height:44px!important;
    padding:0 10px!important;
    font-size:14px!important;
  }
}