.tm-otp-phone-field{display:flex;align-items:center;height:48px;border:1px solid #e0e5e9;border-radius:12px;overflow:hidden;margin-bottom:13px}
.tm-otp-phone-field>span{display:flex;align-items:center;justify-content:center;gap:6px;align-self:stretch;width:73px;flex-shrink:0;border-right:1px solid #e0e5e9;font-size:14px;font-weight:700;color:#2f3e53}
.tm-otp-phone-field>span svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-otp-phone-field input{flex:1;min-width:0;width:0!important;height:46px!important;font-size:18px!important;font-weight:700!important;color:#142e46!important;padding:0 12px!important;background:transparent!important}
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-otp-phone-field>button{padding:0!important;width:18px!important;height:18px!important;min-height:18px!important;border:0!important;border-radius:50%;margin-right:12px;background:#b9c1ca;color:white;font:700 18px/18px Arial}
.tm-auth-otp-notice>svg{width:23px;height:26px;flex-shrink:0;margin-top:2px}
.tm-auth-otp-notice>div{display:grid;gap:5px;min-width:0}
.tm-auth-otp-submit svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tm-otp-code-field[hidden]{display:none!important}.tm-otp-code-field{margin:14px 0}.tm-otp-code-field input{border:1px solid #dbe3e5!important;border-radius:10px!important;font-size:20px!important;letter-spacing:4px}.tm-otp-code-field button{color:#008c65!important;background:transparent!important;border:0!important;margin-top:6px}
.tm-otp-phone-field:focus-within{outline:2px solid #008c65;outline-offset:2px}.tm-auth-otp-screen button:focus-visible{outline:2px solid #0068ff!important;outline-offset:3px}
.tim-makeup-app.tm-auth-mode .tm-auth-otp-notice{display:flex;gap:12px}
.tim-makeup-app.tm-auth-mode .tm-auth-otp-submit{display:flex;align-items:center;justify-content:center;gap:10px}
.tim-makeup-app.tm-auth-mode .tm-auth-otp-submit:disabled{opacity:.45;cursor:not-allowed}
.tm-otp-code-field input{box-sizing:border-box;max-width:100%;width:100%;padding:12px}
.tm-auth-otp-screen>[for="tm-otp-phone"]{margin-bottom:8px;display:block}
.tim-makeup-app.tm-auth-mode .tm-auth-otp-submit:not(:disabled){background:#008c65!important;color:#fff!important;opacity:1!important;cursor:pointer}
.tim-makeup-app.tm-auth-mode .tm-otp-code-field input{border:1px solid #dbe3e5!important;border-radius:10px!important;padding:12px!important;min-height:48px!important;box-sizing:border-box!important}
.tim-makeup-app.tm-auth-mode .tm-auth-otp-screen>.tm-auth-otp-notice strong{font-size:13px!important;font-weight:700!important;color:#176346!important}
.tim-makeup-app.tm-auth-mode .tm-auth-otp-screen>.tm-auth-otp-notice span{font-size:12px!important;line-height:1.5!important}

.tm-password-recovery [hidden]{display:none!important}.tm-password-recovery input{box-sizing:border-box;max-width:100%;min-height:48px}.tm-password-recovery [data-recovery-password]{display:grid;gap:16px}.tm-password-recovery button:disabled{opacity:.55;cursor:wait}.tm-password-recovery .tm-recovery-error{background:#fff1f0;color:#a42323}.tm-password-recovery button{min-height:44px;white-space:normal}

/* Shared recovery visual states: phone, code, password, success. */
.tim-makeup-app.tm-auth-mode .tm-seven-recovery{container-type:inline-size;--u:calc(100cqw / 250);position:relative;width:100%!important;max-width:none!important;min-height:100dvh;box-sizing:border-box;margin:0!important;padding:2.4cqw 0 8cqw!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#101b36!important;text-align:center}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery>h1{margin:12cqw 6cqw 3.2cqw!important;font-size:7.2cqw!important;line-height:1.2!important;font-weight:700!important;letter-spacing:-.4px!important;color:#101b36!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery>[data-recovery-intro]{margin:0 7.2cqw!important;color:#536182!important;font-size:4.4cqw!important;line-height:1.55!important;font-weight:400!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery>form{display:block!important;margin:11.2cqw 6.4cqw 0!important;padding:0!important;text-align:left}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-control{display:grid!important;grid-template-columns:13.6cqw minmax(0,1fr) 44px;align-items:center;position:relative;box-sizing:border-box;height:16.4cqw!important;min-height:48px;margin:0 0 2.8cqw!important;border:1px solid #d9dfeb!important;border-radius:11px!important;background:#ffffffb8!important;padding:0!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-control>svg{width:6.4cqw;height:6.4cqw;margin:auto;stroke:#101b36;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-control input{width:100%!important;height:100%!important;min-height:0!important;box-sizing:border-box;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;color:#101b36!important;font-size:4.2cqw!important;font-weight:400!important;line-height:1.4!important;letter-spacing:0!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-control input::placeholder{color:#657091!important;opacity:1!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-control>button{display:flex;align-items:center;justify-content:center;width:44px;height:100%!important;min-height:44px!important;border:0!important;background:transparent!important;color:#101b36!important;padding:11px!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-control>button svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.6;fill:none}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-control:focus-within{border-color:#00845b!important;box-shadow:0 0 0 2px #00845b16!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery [data-recovery-submit]{width:100%!important;margin:9.6cqw 0 0!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-forgot-art,.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-otp-art,.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-success-art,.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-success-footer{--u:calc(100cqw / 250);background-image:url('https://timmakeup.vn/wp-content/uploads/2026/09/tim-makeup-auth-seven-reference.png');background-repeat:no-repeat;background-size:calc(var(--u)*1333) calc(var(--u)*1180)}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-forgot-art{height:calc(var(--u)*147);width:calc(var(--u)*213);margin:14cqw auto 0;background-position:calc(var(--u)*-839) calc(var(--u)*-399)}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-forgot-note{margin:4.8cqw -2cqw 0!important;text-align:center;color:#354a5c!important;font-size:4.1cqw!important;line-height:1.6!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-otp-art{display:none;height:calc(var(--u)*168);width:calc(var(--u)*231);margin:1.2cqw auto 0;background-position:calc(var(--u)*-1083) calc(var(--u)*-141)}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-code{position:relative;height:16.4cqw!important;margin:0!important;padding:0!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-code>input{position:absolute!important;inset:0!important;z-index:2!important;opacity:.01!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;font-size:24px!important;cursor:text;caret-color:transparent;color:transparent!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-otp-ref-digits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2cqw;height:100%;pointer-events:none}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-otp-ref-digits span{display:flex;align-items:center;justify-content:center;border:1px solid #ccd5e5;border-radius:7px;background:#fff;color:#101b36;font-size:7.2cqw;font-weight:500}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-otp-ref-digits span.is-current{border-color:#00845b;box-shadow:0 0 0 2px #00845b15}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-otp-ref-expiry{display:none;text-align:center;margin:4cqw 0 0!important;font-size:4cqw!important;color:#657091!important;line-height:1.4!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery [data-forgot-status]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0!important;padding:0!important;border:0!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery [data-forgot-status].tm-recovery-error{position:static!important;width:auto;height:auto;overflow:visible;clip-path:none;background:#fff1f1!important;color:#ab2525!important;padding:10px!important;margin:12px 0!important;border-radius:10px;font-size:14px!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery [data-recovery-resend]{display:flex;align-items:center;justify-content:center;gap:3.2cqw;width:100%!important;height:44px!important;min-height:44px!important;padding:0!important;margin:3.2cqw 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#005a3b!important;font-size:4cqw!important;font-weight:700!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery [data-recovery-resend]:disabled{opacity:1!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery [data-recovery-resend] svg{width:5.6cqw;height:5.6cqw;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-otp-ref-help{display:none;align-items:center;gap:5.2cqw;border-radius:13px;background:#edf8f2;padding:5.6cqw;box-sizing:border-box;margin-top:4.8cqw;text-align:left;color:#173c36}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-otp-ref-help>svg{flex:0 0 8cqw;width:8cqw;height:10cqw;fill:none;stroke:#005b3e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-otp-ref-help>p{margin:0!important;color:#173c36!important;font-size:3.8cqw!important;line-height:1.5!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-rules{padding:5.6cqw;border-radius:13px;background:#edf8f2;color:#005b3e;font-size:3.9cqw;margin-top:5.2cqw;line-height:1.45}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-rules strong{font-size:3.9cqw}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-rules p{display:flex;align-items:center;gap:3cqw;font-size:3.9cqw!important;line-height:1.4!important;color:#14513f!important;margin:2.8cqw 0 0!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-rules i{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00845b;color:white;font-style:normal;font-size:3cqw;width:4.8cqw;height:4.8cqw;flex:0 0 4.8cqw}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-rules p[data-valid="false"] i{background:#d1dfd8;color:#55756a}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-success,.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-success-art{display:none}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"] .tm-seven-otp-art{display:block}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"]>h1{margin-top:3.6cqw!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"]>form{margin-top:9.6cqw!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"] .tm-otp-ref-expiry{display:block}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"] .tm-otp-ref-help{display:flex}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery:not([data-recovery-step="phone"]) .tm-recovery-phone-wrap,.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery:not([data-recovery-step="phone"]) .tm-seven-forgot-art,.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery:not([data-recovery-step="phone"]) .tm-seven-forgot-note{display:none!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="password"]>h1{margin:5.6cqw 6.4cqw 2.4cqw!important;text-align:left}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="password"]>[data-recovery-intro]{text-align:left;margin:0 6.4cqw!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="password"]>form{margin-top:3.6cqw!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="password"] [data-recovery-submit]{margin-top:12cqw!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="done"]>form,.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="done"]>.tm-seven-logo{display:none!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="done"]>.tm-seven-success-art{display:block;width:calc(var(--u)*203);height:calc(var(--u)*140);margin:16cqw auto 0;background-position:calc(var(--u)*-311) calc(var(--u)*-703)}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="done"]>h1{margin-top:4.8cqw!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="done"]>.tm-seven-success{display:block;margin:8cqw 6.4cqw 0}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-success>p{margin:4.8cqw 0 9.6cqw!important;font-size:4.3cqw!important;color:#354364!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-dots{display:flex;justify-content:center;gap:10px}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-dots i{width:6px;height:6px;border-radius:50%;background:#aad8c8}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-dots i:first-child{background:#00845b}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-success-footer{height:calc(var(--u)*79);margin:6.4cqw -6.4cqw -8cqw;background-position:calc(var(--u)*-294) calc(var(--u)*-1047)}

/* App-style recovery fields share the quiet surfaces used by login/register. */
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-control{height:56px!important;min-height:56px!important;grid-template-columns:48px minmax(0,1fr) 44px!important;margin-bottom:12px!important;border:0!important;border-radius:16px!important;background:#f3f6f5!important;box-shadow:none!important;transition:background .15s,box-shadow .15s}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-control:focus-within{border:0!important;background:#edf6f1!important;box-shadow:0 0 0 2px #00845b35!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-control input{font-size:16px!important;background:transparent!important;border:0!important;outline:0!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-control:has(input:autofill){background:#edf6f1!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-control input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #edf6f1 inset!important;-webkit-text-fill-color:#173d32!important;caret-color:#173d32}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-control>svg{width:21px!important;height:21px!important;stroke:#657a70!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery [data-recovery-submit]{height:54px!important;min-height:54px!important;margin-top:24px!important;border:0!important;border-radius:16px!important;background:#00875e!important;box-shadow:none!important;font-size:16px!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery [data-recovery-submit]:active{background:#006e4c!important;transform:scale(.99)}
@media(prefers-reduced-motion:reduce){.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-control{transition:none!important}}

/* Compact all recovery steps without changing the full viewport frame. */
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery>.tm-seven-logo{transform:scale(.84);transform-origin:top center;margin-bottom:-6cqw}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery>h1{margin-top:7cqw!important;margin-bottom:2.4cqw!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery>form{margin-top:7cqw!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery .tm-seven-control{height:52px!important;min-height:52px!important;margin-bottom:10px!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery [data-recovery-submit]{height:50px!important;min-height:50px!important;margin-top:18px!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-forgot-art{margin-top:8cqw}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-forgot-note{margin-top:3cqw!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"]>form{margin-top:6cqw!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="password"]>form{margin-top:2.4cqw!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="password"] [data-recovery-submit]{margin-top:7cqw!important}
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell .tm-auth-otp-brand{height:34cqw!important;padding-top:0!important}
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell .tm-auth-otp-brand .tm-seven-logo{transform:scale(.84);transform-origin:top center}
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell .tm-seven-registration-otp>[data-seven-register-intro]{margin-bottom:6cqw!important}
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell .tm-seven-registration-otp .tm-auth-otp-submit{height:50px!important;min-height:50px!important;margin-top:6cqw!important;border:0!important;border-radius:16px!important;background:#00875e!important;box-shadow:none!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery{height:100%!important;min-height:0!important;box-sizing:border-box!important;padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important;overflow-y:auto!important;overscroll-behavior:contain}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"] .tm-seven-otp-art{transform:scale(.78);transform-origin:top center;margin-bottom:-14cqw}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"]>h1{margin-top:0!important;margin-bottom:2cqw!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"]>[data-recovery-intro]{line-height:1.4!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"]>form{margin-top:4cqw!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"] .tm-otp-ref-help{margin-top:2cqw;padding:3.6cqw}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"] [data-recovery-resend]{height:38px!important;min-height:38px!important;margin-top:1.6cqw!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="phone"] .tm-seven-forgot-art{display:none!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="phone"] .tm-seven-forgot-note{margin-top:24px!important}
/* Registration reuses the same six-cell verification layout. */
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell .tm-auth-otp-brand{display:block!important;margin:0!important;padding:2.4cqw 0 0!important;height:41.6cqw;box-sizing:border-box;background:transparent!important;border:0!important}
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell>.tm-auth-back{display:none!important}
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell .tm-seven-registration-otp{position:static!important;margin:0 6.4cqw!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-registration-otp .tm-seven-otp-art{display:block;margin-left:-2.6cqw;margin-right:-2.6cqw}
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell .tm-seven-registration-otp>header{position:static!important;display:block!important;margin:0!important;padding:0!important;height:0!important}
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell .tm-seven-registration-otp [data-otp-back]{position:absolute;top:2.8cqw;left:2.4cqw;width:44px!important;height:44px!important;min-height:44px!important;padding:12px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#101b36!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-registration-otp [data-otp-back] svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-registration-otp .tm-auth-otp-zalo,.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-registration-otp>label,.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-registration-otp>.tm-otp-phone-field,.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-registration-otp>small,.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-registration-otp .tm-auth-otp-submit svg{display:none!important}
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell .tm-seven-registration-otp>h2{font-size:7.2cqw!important;line-height:1.2!important;color:#101b36!important;margin:3.6cqw 0 3.2cqw!important;font-weight:700!important}
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell .tm-seven-registration-otp>[data-seven-register-intro]{font-size:4.4cqw!important;line-height:1.55!important;color:#536182!important;margin:0 1cqw 9.6cqw!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-registration-otp .tm-otp-ref-expiry{display:block!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-registration-otp .tm-otp-ref-help{display:flex!important}
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell .tm-seven-registration-otp .tm-auth-otp-submit{width:100%!important;height:16.4cqw!important;min-height:48px!important;display:flex;align-items:center;justify-content:center;background:linear-gradient(110deg,#008863,#007e54 65%,#006f4c)!important;color:white!important;border:1px solid #007a53!important;border-radius:11px!important;font-size:4.5cqw!important;font-weight:700!important;margin:9.6cqw 0 0!important;padding:0!important}
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell .tm-seven-registration-otp [data-otp-resend]{display:block;width:100%!important;min-height:44px!important;height:44px!important;border:0!important;background:transparent!important;color:#005a3b!important;font-size:4cqw!important;font-weight:700!important;margin:3.2cqw 0 0!important;padding:0!important;opacity:1!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-registration-otp .tm-auth-otp-notice{position:absolute!important;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;margin:0!important;padding:0!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-registration-otp[data-error="true"] .tm-auth-otp-notice{position:static!important;width:auto;height:auto;clip-path:none;background:#fff1f1!important;color:#ab2525!important;border-radius:10px;padding:10px!important;margin:12px 0!important;font-size:14px!important;text-align:left}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-registration-otp[data-error="true"] .tm-auth-otp-notice svg{display:none!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery [data-recovery-password]:not([hidden]){display:block!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="done"]{display:flex!important;flex-direction:column;padding-bottom:0!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="done"]>.tm-seven-success{display:flex!important;flex-direction:column;flex:1}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-success-footer{margin-top:auto;margin-bottom:0}

/* Crisp shared Zalo illustration; OTP screens start with the back action, without the upper logo. */
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"]>.tm-seven-logo,
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell .tm-auth-otp-brand{display:none!important;height:0!important;padding:0!important;margin:0!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"] .tm-seven-otp-art,
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-registration-otp .tm-seven-otp-art{
 width:88cqw!important;height:47cqw!important;max-width:396px!important;max-height:212px!important;
 margin:5cqw auto 0!important;background-image:url('./images/auth-otp-zalo-clear-v2.webp')!important;
 background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;transform:none!important
}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"]>h1,
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell .tm-seven-registration-otp>h2{margin-top:1.6cqw!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"]>form{margin-top:3.2cqw!important}
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell .tm-seven-registration-otp{padding-top:3cqw!important}
.tim-makeup-app.tm-auth-mode.tm-otp-active .tm-auth-shell .tm-seven-registration-otp>[data-seven-register-intro]{margin-bottom:5cqw!important}
@media(max-height:760px){
 .tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery[data-recovery-step="code"] .tm-seven-otp-art,
 .tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-registration-otp .tm-seven-otp-art{height:39cqw!important;margin-top:2cqw!important}
}

/* Borderless OTP cells match the quiet filled controls used across auth. */
.tim-makeup-app.tm-auth-mode .tm-shell .tm-otp-ref-digits span{border:0!important;background:#f3f6f5!important;box-shadow:none!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-otp-ref-digits span.is-current{border:0!important;background:#e9f5ef!important;box-shadow:none!important}