.na-login-otp{display:block;clear:both;width:100%!important;max-width:100%!important;min-width:0;margin:10px 0 12px;box-sizing:border-box;font-family:inherit;text-align:right;color:#303747}
.na-login-otp[dir=rtl] input{direction:ltr;text-align:center}
.na-login-otp-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-height:36px;margin:0 6px;padding:7px 12px;border:1px solid #7352e8;border-radius:4px;background:#fff;color:#6947dc;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;vertical-align:middle;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.na-login-otp-toggle:hover,.na-login-otp-toggle:focus,.na-login-otp-toggle.is-active{background:#7352e8;color:#fff;border-color:#7352e8;outline:0}
.na-login-otp-phone{display:inline-block;margin-left:5px;font-size:14px;vertical-align:0}
.na-login-otp-login-actions{display:flex!important;align-items:center;justify-content:flex-start;gap:8px;width:100%;margin:0 0 10px;box-sizing:border-box;direction:rtl}.na-login-otp-login-actions > button[type="submit"],.na-login-otp-login-actions > input[type="submit"]{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto!important;width:auto!important;max-width:none!important;margin:0!important;float:none!important}.na-login-otp-login-actions > .na-login-otp-toggle{flex:0 0 auto!important}.na-login-otp-panel{width:100%;padding:12px;box-sizing:border-box;border:1px solid #e1dafa;border-radius:6px;background:#faf9ff}
.na-login-otp-panel[hidden],.na-login-otp-code-row[hidden]{display:none!important}
.na-login-otp-panel p{margin:0 0 9px;color:#687085;font-size:12px}
.na-login-otp-panel label{display:block;min-width:0;margin:0;font-size:12px;font-weight:600;color:#353c4d}
.na-login-otp-panel label:first-child{flex:1}
.na-login-otp-panel input{display:block;width:100%;height:38px;margin-top:5px;padding:6px 10px;border:1px solid #d6d9e3;border-radius:5px;background:#fff;color:#202534;box-sizing:border-box;outline:none}
.na-login-otp-panel input:focus{border-color:#8b6cf6;box-shadow:0 0 0 3px rgba(115,82,232,.1)}
.na-login-otp-mobile-row,.na-login-otp-code-row{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%}
.na-login-otp-mobile-row label,.na-login-otp-code-row label{display:block;width:100%;flex:0 0 auto}
.na-login-otp-mobile-row label:first-child,.na-login-otp-code-row label:first-child{flex:0 0 auto;width:100%}
.na-login-otp-send,.na-login-otp-verify{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:100%;min-width:0;height:38px;padding:6px 12px;border:0;border-radius:5px;background:#7352e8;color:#fff;font-family:inherit;font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap;cursor:pointer;box-sizing:border-box}
.na-login-otp-verify{background:#168b63}
.na-login-otp-send:disabled,.na-login-otp-verify:disabled{opacity:.55;cursor:wait}
.na-login-otp-code-row{margin-top:10px;padding-top:10px;border-top:1px solid #e3def3}
.na-login-otp-timers{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding:7px 9px;border-radius:5px;background:#f0edff;color:#65568e;font-size:11px}
.na-login-otp-timers[hidden]{display:none!important}
.na-login-otp-expiry.expired{color:#c9324f;font-weight:700}
.na-login-otp-message{min-height:0;margin-top:7px;font-size:11px;line-height:1.6;color:#737b8e}
.na-login-otp-message:empty{display:none}
.na-login-otp-message.success{color:#147653}.na-login-otp-message.error{color:#c9324f}
@media(max-width:520px){.na-login-otp-login-actions{gap:6px}.na-login-otp-login-actions > button[type="submit"],.na-login-otp-login-actions > input[type="submit"]{min-width:0}.na-login-otp-send,.na-login-otp-verify{margin-top:0}.na-login-otp-toggle{margin:6px 0 0}.na-login-otp-timers{display:block}.na-login-otp-timers span{display:block}.na-login-otp-resend-status{margin-top:3px}}


/* v4.9.11: full-width OTP row inside the native login form/card. */
.na-login-otp-insertion-host{flex-wrap:wrap!important}
.na-login-otp-insertion-host>.na-login-otp-row{align-self:stretch!important}
.na-login-otp-row{display:block!important;clear:both;width:100%!important;max-width:100%!important;min-width:0!important;flex:0 0 100%!important;grid-column:1/-1!important;align-self:stretch!important;box-sizing:border-box!important;margin:0;padding:0;order:100}
.na-login-otp-row>.na-login-otp{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.na-login-otp-row>.na-login-otp .na-login-otp-panel,.na-login-otp-row>.na-login-otp .na-login-otp-mobile-row,.na-login-otp-row>.na-login-otp .na-login-otp-code-row,.na-login-otp-row>.na-login-otp input,.na-login-otp-row>.na-login-otp .na-login-otp-send,.na-login-otp-row>.na-login-otp .na-login-otp-verify{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.na-login-otp-login-actions>button:not(.na-login-otp-toggle),.na-login-otp-login-actions>input:not(.na-login-otp-toggle){flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:none!important}