/* v0.4.7 — inherit the site typography exactly; site styles are printed before this file. */
:root{color-scheme:dark;--mi-bg:#090909;--mi-card:rgba(20,20,21,.92);--mi-line:rgba(255,255,255,.09);--mi-text:#f5f5f5;--mi-muted:#9a9a9f}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--mi-bg);color:var(--mi-text)}body.mi-auth-page{min-height:100svh;overflow-x:hidden;color:var(--mi-text)!important}.mi-auth-page{background-image:var(--mi-auth-bg,radial-gradient(circle at 75% 20%,#242424 0,#0b0b0c 44%,#060606 100%));background-size:cover;background-position:center}.mi-auth-backdrop{position:fixed;inset:0;background:linear-gradient(120deg,rgba(0,0,0,calc(var(--mi-auth-overlay) + .06)),rgba(0,0,0,var(--mi-auth-overlay)));backdrop-filter:blur(2px)}.mi-auth-shell{position:relative;z-index:1;min-height:100svh;display:grid;place-items:center;padding:32px 18px}.mi-auth-card{width:min(100%,440px);background:var(--mi-card);border:1px solid var(--mi-line);border-radius:var(--mi-auth-radius);padding:34px 32px 30px;box-shadow:0 30px 80px rgba(0,0,0,.42);backdrop-filter:blur(22px);direction:rtl;color:var(--mi-text)!important}.mi-auth-head{text-align:center}.mi-auth-card,.mi-auth-card button,.mi-auth-card input,.mi-auth-card textarea,.mi-auth-card select{font-family:inherit}.mi-auth-logo{display:block;max-width:138px;max-height:58px;object-fit:contain;margin:0 auto 22px}.mi-auth-mark{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:var(--mi-auth-accent);color:#fff!important;font-weight:800;margin:0 auto 20px;box-shadow:0 10px 34px rgba(255,91,26,.18)}body.mi-auth-page .mi-auth-head h1{font-size:25px;line-height:1.45;margin:0 0 9px;color:var(--mi-text)!important;font-weight:800!important}body.mi-auth-page .mi-auth-head p{font-size:13px;line-height:1.9;color:var(--mi-muted)!important;margin:0 auto 24px;max-width:340px}

/* Optional admin note: intentionally not styled like an input/card. */
.mi-auth-note{display:flex;gap:8px;align-items:flex-start;padding:0 2px;margin:0 0 20px;color:#aaaab0!important}.mi-auth-note>span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;background:rgba(255,255,255,.07);color:#bdbdc2!important;flex:0 0 auto;margin-top:1px}.mi-auth-note p{margin:0;color:#aaaab0!important;font-size:11.5px;line-height:1.8}

.mi-auth-view{display:none}.mi-auth-view.is-active{display:block;animation:miAuthIn .16s ease-out}.mi-auth-view label{display:block;font-size:11.5px;font-weight:600;margin:0 2px 8px;color:#d8d8dc!important;text-align:right}.mi-auth-view input[type=text],.mi-auth-view input[type=email],.mi-auth-view input[type=tel],.mi-auth-view input[type=password]{appearance:none;-webkit-appearance:none;width:100%!important;height:52px!important;border-radius:13px!important;border:1px solid var(--mi-line)!important;background:rgba(255,255,255,.045)!important;color:#fff!important;padding:0 14px!important;outline:none!important;font:inherit!important;font-size:14px!important;line-height:normal!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s}.mi-auth-view input::placeholder{color:#707076!important;opacity:1;direction:rtl;text-align:right}.mi-auth-view input:focus{border-color:var(--mi-auth-accent)!important;box-shadow:0 0 0 3px rgba(255,91,26,.11)!important}.mi-auth-identifier{text-align:start}

.mi-auth-primary,.mi-auth-method-primary{width:100%!important;height:50px!important;margin:18px 0 0!important;border:0!important;border-radius:13px!important;background:var(--mi-auth-accent)!important;color:#fff!important;font:inherit!important;font-weight:800!important;cursor:pointer!important;box-shadow:0 10px 28px rgba(255,91,26,.18)!important;transition:.2s!important;display:grid!important;place-items:center!important;text-align:center!important}.mi-auth-primary:hover,.mi-auth-method-primary:hover{transform:translateY(-1px);filter:brightness(1.06)}.mi-auth-primary:disabled,.mi-auth-method-primary:disabled{opacity:.65;cursor:wait!important;transform:none!important}.mi-auth-method-secondary{display:block!important;width:auto!important;max-width:100%!important;margin:14px auto 0!important;padding:7px 10px!important;border:0!important;background:transparent!important;color:#96969c!important;font:inherit!important;font-size:11.5px!important;font-weight:500!important;line-height:1.7!important;cursor:pointer!important;text-align:center!important}.mi-auth-method-secondary:hover{color:#fff!important}.mi-auth-method-secondary[hidden]{display:none!important}

.mi-auth-message{border-radius:12px;padding:10px 12px;margin-bottom:14px;font-size:11.5px;line-height:1.8;background:rgba(227,76,76,.1);border:1px solid rgba(227,76,76,.18);color:#f1b2b2!important;text-align:right}.mi-auth-message[data-type=success]{background:rgba(68,190,118,.1);border-color:rgba(68,190,118,.2);color:#a9e5c2!important}.mi-auth-step-copy{text-align:center;margin:2px 0 18px}body.mi-auth-page .mi-auth-step-copy strong{display:block;font-size:16px;line-height:1.6;color:var(--mi-text)!important;font-weight:800!important}body.mi-auth-page .mi-auth-step-copy p{margin:6px 0 0;color:var(--mi-muted)!important;font-size:11.5px;line-height:1.8}.mi-auth-step-copy bdi{display:inline-block;unicode-bidi:isolate;color:#d7d7dc;font-variant-numeric:tabular-nums}.mi-auth-method-copy{margin-bottom:8px}.mi-auth-method-copy p bdi{font-size:12px;color:#a7a7ad!important}

.mi-auth-otp{text-align:center!important;direction:ltr!important;letter-spacing:10px;font-size:24px!important;font-weight:700!important}.mi-auth-back,.mi-auth-link,.mi-auth-resend{display:block!important;border:0!important;background:transparent!important;color:#aaaab0!important;cursor:pointer!important;font:inherit!important;font-size:11px!important;padding:5px 4px!important;text-decoration:none!important;box-shadow:none!important}.mi-auth-back{margin:0 0 14px auto!important}.mi-auth-link,.mi-auth-resend{margin:12px auto 0!important}.mi-auth-link:hover,.mi-auth-resend:hover,.mi-auth-back:hover{color:#fff!important}.mi-auth-check{display:flex!important;align-items:center;gap:8px;margin-top:13px!important;font-weight:400!important;color:#999!important;cursor:pointer}.mi-auth-check input{accent-color:var(--mi-auth-accent);width:15px;height:15px;margin:0}

/* Password field is isolated from theme button/input rules. */
.mi-auth-password{position:relative!important;display:block!important;width:100%!important;height:52px!important;margin:0!important;padding:0!important;overflow:visible!important}.mi-auth-password>input{position:relative!important;inset:auto!important;z-index:1!important;width:100%!important;height:52px!important;padding:0 14px 0 58px!important;direction:ltr!important;text-align:left!important}.mi-auth-password-toggle{all:unset!important;box-sizing:border-box!important;position:absolute!important;z-index:5!important;left:6px!important;top:6px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border-radius:9px!important;color:#94949a!important;background:transparent!important;cursor:pointer!important;line-height:1!important}.mi-auth-password-toggle:hover{background:rgba(255,255,255,.055)!important;color:#d8d8dc!important}.mi-auth-password-toggle:focus-visible{outline:2px solid var(--mi-auth-accent)!important;outline-offset:-2px!important}.mi-auth-eye{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.mi-auth-eye-closed{display:none}.mi-auth-password-toggle.is-visible .mi-auth-eye-open{display:none}.mi-auth-password-toggle.is-visible .mi-auth-eye-closed{display:block}

@keyframes miAuthIn{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:560px){.mi-auth-shell{place-items:stretch center;padding:0}.mi-auth-card{min-height:100svh;width:100%;border:0;border-radius:0;padding:calc(34px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));background:rgba(13,13,14,.94);display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.mi-auth-head h1{font-size:22px!important}.mi-auth-head p{font-size:11.5px!important}.mi-auth-logo{max-width:124px}.mi-auth-view input[type=text],.mi-auth-view input[type=email],.mi-auth-view input[type=tel],.mi-auth-view input[type=password],.mi-auth-primary,.mi-auth-method-primary{height:54px!important;font-size:16px!important}.mi-auth-password{height:54px!important}.mi-auth-password>input{height:54px!important}.mi-auth-password-toggle{top:7px!important}.mi-auth-step-copy strong{font-size:15px!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.mi-auth-password-toggle::before,.mi-auth-password-toggle::after{content:none!important;display:none!important}.mi-auth-password-toggle{touch-action:manipulation!important}

/* v0.3.3 — stage cleanup, Latin identifiers, password control isolation, mobile background */
.mi-auth-head-copy{transition:opacity .16s ease,transform .16s ease}.mi-auth-card.is-post-identifier .mi-auth-head-copy,.mi-auth-card.is-post-identifier .mi-auth-note{display:none!important}.mi-auth-card.is-post-identifier .mi-auth-logo{margin-bottom:20px}.mi-auth-card.is-post-identifier .mi-auth-mark{margin-bottom:20px}

/* Phone numbers, OTPs, usernames/emails and passwords must keep Latin glyphs inside RTL UI. */
.mi-auth-identifier[dir="ltr"],.mi-auth-step-copy bdi[dir="ltr"],.mi-auth-method-copy bdi,.mi-auth-otp,.mi-auth-password>input,#mi-auth-forgot-id[dir="ltr"]{font-family:Arial,"Segoe UI",sans-serif!important;font-variant-numeric:tabular-nums!important;font-feature-settings:"tnum" 1!important}
.mi-auth-step-copy bdi,.mi-auth-method-copy bdi{unicode-bidi:isolate!important;direction:ltr!important}

/* Rebuild password field as a real two-cell control so the eye can never cover text. */
.mi-auth-password{position:relative!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;direction:ltr!important;width:100%!important;height:52px!important;margin:0!important;padding:0!important;border:1px solid var(--mi-line)!important;border-radius:13px!important;background:rgba(255,255,255,.045)!important;overflow:hidden!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s!important}
.mi-auth-password:focus-within{border-color:var(--mi-auth-accent)!important;box-shadow:0 0 0 3px rgba(255,91,26,.11)!important}
.mi-auth-password>input{grid-column:2!important;position:relative!important;inset:auto!important;z-index:1!important;width:100%!important;min-width:0!important;height:50px!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;direction:ltr!important;text-align:left!important;font-family:Arial,"Segoe UI",sans-serif!important}
.mi-auth-password>input:focus{border:0!important;box-shadow:none!important;outline:0!important}
.mi-auth-password-toggle{all:unset!important;box-sizing:border-box!important;grid-column:1!important;grid-row:1!important;align-self:stretch!important;justify-self:stretch!important;position:relative!important;inset:auto!important;z-index:4!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:50px!important;min-height:50px!important;max-height:50px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:0!important;border-left:1px solid rgba(255,255,255,.055)!important;border-radius:0!important;color:#94949a!important;background:transparent!important;cursor:pointer!important;line-height:1!important;touch-action:manipulation!important}
.mi-auth-password-toggle:hover{background:rgba(255,255,255,.045)!important;color:#e0e0e3!important}.mi-auth-password-toggle:focus-visible{outline:2px solid var(--mi-auth-accent)!important;outline-offset:-3px!important}.mi-auth-password-toggle::before,.mi-auth-password-toggle::after{content:none!important;display:none!important}.mi-auth-eye{width:19px!important;height:19px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}.mi-auth-password-toggle.is-visible .mi-auth-eye{opacity:.72}
/* Hide browser/theme password-reveal affordances; MI Auth owns the single left-side eye. */
.mi-auth-password input::-ms-reveal,.mi-auth-password input::-ms-clear{display:none!important;width:0!important;height:0!important}.mi-auth-password input::-webkit-credentials-auto-fill-button,.mi-auth-password input::-webkit-contacts-auto-fill-button{visibility:hidden!important;display:none!important;pointer-events:none!important;position:absolute!important;right:0!important}
.mi-auth-password>.show-password-input,.mi-auth-password>.password-toggle,.mi-auth-password>.toggle-password,.mi-auth-password>button:not([data-mi-toggle-password]){display:none!important}

@media(max-width:560px){
  body.mi-auth-page{background-image:var(--mi-auth-bg,radial-gradient(circle at 75% 20%,#242424 0,#0b0b0c 44%,#060606 100%))!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important}
  .mi-auth-backdrop{background:linear-gradient(180deg,rgba(0,0,0,.48),rgba(0,0,0,.62))!important;backdrop-filter:blur(1px)!important}
  .mi-auth-card{background:rgba(12,12,13,.68)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
  .mi-auth-password{height:54px!important}.mi-auth-password>input,.mi-auth-password-toggle{height:52px!important;min-height:52px!important;max-height:52px!important}
}

/* v0.3.4 — contextual validation, account-aware flow, owned password reveal control */
.mi-auth-view input[type=text],.mi-auth-view input[type=email],.mi-auth-view input[type=tel],.mi-auth-view input[type=password]{font-size:16px!important;font-weight:500!important}
.mi-auth-view input::placeholder{font-size:13px!important;font-weight:400!important}
.mi-auth-identifier[dir="ltr"],.mi-auth-otp,#mi-auth-forgot-id[dir="ltr"],.mi-auth-step-copy bdi[dir="ltr"],.mi-auth-method-copy bdi{font-family:Arial,"Segoe UI",sans-serif!important;font-variant-numeric:tabular-nums!important;font-feature-settings:"tnum" 1!important}

.mi-auth-field-error{margin:7px 3px 0!important;padding:0!important;color:#ff9a9a!important;font-size:11.5px!important;line-height:1.7!important;text-align:right!important}
.mi-auth-field-error[hidden]{display:none!important}
.mi-auth-view input.is-invalid,.mi-auth-password.is-invalid{border-color:rgba(255,92,92,.72)!important;box-shadow:0 0 0 3px rgba(255,72,72,.08)!important}

/* Secondary navigation: visible as navigation, not as another CTA. */
.mi-auth-back{width:max-content!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:30px!important;margin:0 0 16px auto!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;color:#a8a8ae!important;font-size:11px!important;font-weight:500!important;line-height:1!important;transition:background .16s,border-color .16s,color .16s!important}
.mi-auth-back svg{width:13px!important;height:13px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:0 0 auto!important}
.mi-auth-back:hover{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.13)!important;color:#e3e3e6!important}

/* Chromium/Opera: keep the input as text and mask it ourselves so the browser cannot inject a second eye. */
.mi-auth-password>input.is-masked{-webkit-text-security:disc!important}
.mi-auth-password>input.is-revealed{-webkit-text-security:none!important}
.mi-auth-eye-open{display:none!important}
.mi-auth-eye-closed{display:block!important}
.mi-auth-password-toggle.is-visible .mi-auth-eye-open{display:block!important}
.mi-auth-password-toggle.is-visible .mi-auth-eye-closed{display:none!important}
.mi-auth-password-toggle.is-visible .mi-auth-eye{opacity:1!important}
.mi-auth-password-toggle:not(.is-visible){color:#8e8e94!important}
.mi-auth-password-toggle.is-visible{color:#c9c9ce!important}

/* Keep a dedicated left control cell and never let password text pass underneath it. */
.mi-auth-password{grid-template-columns:48px minmax(0,1fr)!important}
.mi-auth-password-toggle{width:48px!important;min-width:48px!important;max-width:48px!important}
.mi-auth-password>input{padding-inline:15px!important;font-size:16px!important}

.mi-auth-method-copy p bdi,.mi-auth-step-copy p bdi{font-size:13px!important}

@media(max-width:560px){
  .mi-auth-view input[type=text],.mi-auth-view input[type=email],.mi-auth-view input[type=tel],.mi-auth-view input[type=password],.mi-auth-password>input{font-size:17px!important}
  .mi-auth-view input::placeholder{font-size:13.5px!important}
  .mi-auth-back{height:31px!important;padding:0 10px!important}
}

/* v0.3.6 — compact email/username flow, explicit send feedback, login success, persistent home link */
.mi-auth-card{position:relative!important}
.mi-auth-home{width:max-content;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:-6px 0 18px auto;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);color:#a9a9af!important;text-decoration:none!important;font-size:11px!important;font-weight:500!important;line-height:1!important;transition:background .16s,border-color .16s,color .16s,transform .16s!important;touch-action:manipulation}
.mi-auth-home svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.mi-auth-home:hover{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.13);color:#eee!important;transform:translateY(-1px)}
.mi-auth-home:focus-visible{outline:2px solid var(--mi-auth-accent);outline-offset:2px}

.mi-auth-success-banner{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:11px 12px;border:1px solid rgba(71,190,119,.22);border-radius:13px;background:rgba(71,190,119,.09);color:#c8efd7!important;opacity:0;transform:translateY(-3px)}
.mi-auth-success-banner[hidden]{display:none!important}
.mi-auth-success-banner.is-visible{animation:miAuthSuccessBanner .24s ease-out forwards}
.mi-auth-success-mark{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:50%;background:rgba(71,190,119,.16);border:1px solid rgba(71,190,119,.3);color:#69d493!important}
.mi-auth-success-mark svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mi-auth-success-banner.is-visible .mi-auth-success-mark{animation:miAuthSuccessMark .34s cubic-bezier(.2,.8,.2,1) both}
.mi-auth-success-copy{display:flex;min-width:0;flex-direction:column;gap:2px;text-align:right}
.mi-auth-success-copy strong{color:#d8f6e4!important;font-size:12px!important;font-weight:700!important;line-height:1.6!important}
.mi-auth-success-copy bdi{color:#a9dcbc!important;font-family:Arial,"Segoe UI",sans-serif!important;font-size:11.5px!important;font-variant-numeric:tabular-nums!important;unicode-bidi:isolate!important}
@keyframes miAuthSuccessBanner{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@keyframes miAuthSuccessMark{0%{transform:scale(.72);opacity:.4}70%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}

.mi-auth-secondary-action{width:100%!important;min-height:48px!important;margin:10px 0 0!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:13px!important;background:rgba(255,255,255,.035)!important;color:#dedee2!important;font:inherit!important;font-size:12.5px!important;font-weight:700!important;line-height:1.3!important;cursor:pointer!important;box-shadow:none!important;transition:background .16s,border-color .16s,color .16s,transform .16s!important}
.mi-auth-secondary-action[hidden]{display:none!important}
.mi-auth-secondary-action:hover{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.17)!important;color:#fff!important;transform:translateY(-1px)}
.mi-auth-secondary-action:disabled{opacity:.62!important;cursor:wait!important;transform:none!important}
.mi-auth-secondary-action-icon{width:18px;height:18px;display:grid;place-items:center;font-size:15px;line-height:1;color:#bcbcc2!important}

#mi-auth-password-identifier{font-size:16px!important;margin-bottom:0!important}
#mi-auth-password-identifier[dir="ltr"]{font-family:Arial,"Segoe UI",sans-serif!important;font-variant-numeric:tabular-nums!important}
.mi-auth-view[data-mi-view="password"]>label[for="mi-auth-password"]{margin-top:15px!important}

.mi-auth-login-success{text-align:center!important;padding:28px 4px 20px!important}
.mi-auth-login-success.is-active{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:150px!important}
.mi-auth-login-success-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:rgba(71,190,119,.13);border:1px solid rgba(71,190,119,.28);color:#72dc9d!important;animation:miAuthLoginSuccess .38s cubic-bezier(.2,.8,.2,1) both}
.mi-auth-login-success-mark svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mi-auth-login-success strong{font-size:17px!important;line-height:1.7!important;color:#f1f1f3!important;font-weight:800!important}
@keyframes miAuthLoginSuccess{0%{transform:scale(.72);opacity:0}70%{transform:scale(1.06);opacity:1}100%{transform:scale(1)}}

@media(max-width:560px){
  .mi-auth-home{min-height:42px;margin-top:0;margin-bottom:18px;padding:0 12px;font-size:11.5px!important}
  .mi-auth-secondary-action{min-height:52px!important;font-size:13px!important}
  .mi-auth-success-banner{margin-bottom:15px;padding:12px}
}

@media(prefers-reduced-motion:reduce){
  .mi-auth-success-banner.is-visible,.mi-auth-success-banner.is-visible .mi-auth-success-mark,.mi-auth-login-success-mark{animation:none!important;opacity:1!important;transform:none!important}
}
.mi-auth-secondary-action-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}


/* v0.3.7 — private email claim / recovery helper */
#mi-auth-email-claim,#mi-auth-forgot-id{font-family:Arial,"Segoe UI",sans-serif!important;font-variant-numeric:tabular-nums!important;font-feature-settings:"tnum" 1!important;direction:ltr!important;text-align:left!important}
.mi-auth-helper{margin:10px 2px 0!important;color:#85858c!important;font-size:10.8px!important;line-height:1.9!important;text-align:right!important}

/* v0.3.8 — in-card password recovery */
#mi-auth-reset-email,#mi-auth-reset-code{font-family:Arial,"Segoe UI",sans-serif!important;font-variant-numeric:tabular-nums!important;font-feature-settings:"tnum" 1!important;direction:ltr!important;text-align:left!important}
#mi-auth-reset-code{text-align:center!important;letter-spacing:9px!important;font-size:24px!important;font-weight:750!important;padding-left:22px!important}
.mi-auth-view[data-mi-view="reset_otp"]>label[for="mi-auth-reset-code"],.mi-auth-view[data-mi-view="reset_password"]>label[for="mi-auth-reset-confirm"]{margin-top:15px!important}
.mi-auth-view[data-mi-view="reset_password"] .mi-auth-password+ .mi-auth-field-error + label{margin-top:15px!important}
@media(max-width:560px){#mi-auth-reset-code{font-size:25px!important;letter-spacing:8px!important}}

/* v0.4.0 — one-click registration start from the identifier step */
[data-mi-otp-phone-wrap]{margin:0 0 15px!important}
[data-mi-otp-phone-wrap][hidden]{display:none!important}
#mi-auth-otp-phone{font-family:Arial,"Segoe UI",sans-serif!important;font-variant-numeric:tabular-nums!important;font-feature-settings:"tnum" 1!important;direction:ltr!important;text-align:left!important;font-size:16px!important}
@media(max-width:560px){.mi-auth-view[data-mi-view="otp"] #mi-auth-otp-phone{font-size:17px!important}}

/* v0.4.3 — faster first-step feedback and non-blocking OTP send state */
.mi-auth-primary.is-loading,.mi-auth-method-primary.is-loading,.mi-auth-secondary-action.is-loading,.mi-auth-resend.is-loading{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;pointer-events:none!important}
.mi-auth-primary.is-loading::before,.mi-auth-method-primary.is-loading::before,.mi-auth-secondary-action.is-loading::before,.mi-auth-resend.is-loading::before{content:""!important;display:block!important;width:15px!important;height:15px!important;flex:0 0 15px!important;border:2px solid rgba(255,255,255,.34)!important;border-top-color:currentColor!important;border-radius:50%!important;animation:miAuthSpin .65s linear infinite!important}
.mi-auth-progress-banner{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0 0 16px;padding:11px 12px;border:1px solid rgba(255,91,26,.2);border-radius:13px;background:rgba(255,91,26,.07);color:#d9d9de!important;font-size:12px!important;font-weight:600!important;line-height:1.7!important;text-align:right;opacity:0;transform:translateY(-2px)}
.mi-auth-progress-banner[hidden]{display:none!important}.mi-auth-progress-banner.is-visible{animation:miAuthProgressIn .16s ease-out forwards}
.mi-auth-inline-spinner{width:18px;height:18px;flex:0 0 18px;border:2px solid rgba(255,255,255,.18);border-top-color:var(--mi-auth-accent);border-radius:50%;animation:miAuthSpin .7s linear infinite}
@keyframes miAuthSpin{to{transform:rotate(360deg)}}
@keyframes miAuthProgressIn{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mi-auth-primary.is-loading::before,.mi-auth-method-primary.is-loading::before,.mi-auth-secondary-action.is-loading::before,.mi-auth-resend.is-loading::before,.mi-auth-inline-spinner{animation:none!important;border-color:rgba(255,255,255,.32)!important;border-top-color:var(--mi-auth-accent)!important}.mi-auth-progress-banner.is-visible{animation:none!important;opacity:1!important;transform:none!important}}

/* v0.4.4 — auth-page isolation follow-up: keep tall flows reachable on short mobile viewports. */
@media(max-width:560px) and (max-height:700px){
  .mi-auth-card{justify-content:flex-start!important}
}

/* v0.4.14 — iPhone / mobile login: keep actions higher and visible when keyboard opens.
   Layout-only; desktop and other site screens are unaffected. */
@media (max-width:560px) {
  .mi-auth-card {
    justify-content:flex-start!important;
    padding-top:calc(clamp(38px, 7svh, 70px) + env(safe-area-inset-top))!important;
  }
  .mi-auth-view input { scroll-margin-top:18px; }
}