/* Seven-screen owner reference, 2026-09-07. Illustration pixels come from the approved board. */
body:has(.tim-makeup-app.tm-auth-mode){background:#f4f8f9!important}
.tim-makeup-app.tm-auth-mode{--tm-primary:#007e55;--tm-color-primary:#007e55;--tm-color-text:#101b36;--tm-color-muted:#657091;--tm-color-border:#dce1eb;color:#101b36!important;font-family:Arial,Helvetica,sans-serif!important;background:#f4f8f9!important}
.tim-makeup-app.tm-auth-mode .tm-shell{width:100%!important;max-width:430px!important;min-height:100dvh!important;margin:auto!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:linear-gradient(120deg,#fff 70%,#f2fbf7)!important}
.tim-makeup-app.tm-auth-mode .tm-main,.tim-makeup-app.tm-auth-mode .tm-screen{padding:0!important;margin:0!important;max-width:none!important;background:transparent!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell{container-type:inline-size;position:relative;width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:0 0 6cqw!important;box-sizing:border-box;background:transparent!important;overflow:hidden}
.tm-seven-logo{--u:calc(100cqw / 250);width:calc(var(--u)*110);height:calc(var(--u)*98);margin:0 auto;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);background-position:calc(var(--u)*-364) calc(var(--u)*-41)}
.tim-makeup-app.tm-auth-mode .tm-auth-brand{height:41.6cqw!important;width:100%!important;display:block!important;margin:0!important;padding:2.4cqw 0 0!important;box-sizing:border-box;background:transparent!important;border:0!important;overflow:hidden}
.tim-makeup-app.tm-auth-mode .tm-auth-brand[hidden],.tim-makeup-app.tm-auth-mode .tm-auth-otp-brand[hidden],.tim-makeup-app.tm-auth-mode [hidden]{display:none!important}
.tim-makeup-app.tm-auth-mode .tm-auth-back,.tm-seven-back{position:absolute!important;z-index:5;top:2.8cqw!important;left:2.4cqw!important;width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:12px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#101b36!important}
.tim-makeup-app.tm-auth-mode .tm-auth-back svg,.tm-seven-back svg{width:20px!important;height:20px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card{margin:4cqw 5.6cqw 0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;background:transparent!important}
.tim-makeup-app.tm-auth-mode .tm-auth-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;height:13.6cqw;min-height:44px;box-sizing:border-box;padding:2px!important;margin:0!important;gap:0!important;border-radius:30px!important;background:#f0f2f5!important}
.tim-makeup-app.tm-auth-mode .tm-auth-tabs button{height:100%!important;min-height:0!important;padding:0!important;border:0!important;border-radius:26px!important;background:transparent!important;color:#68738e!important;font-size:4.4cqw!important;font-weight:700!important;line-height:1.2!important}
.tim-makeup-app.tm-auth-mode .tm-auth-tabs button[aria-selected="true"]{background:#fff!important;color:#006d4b!important;box-shadow:0 1px 5px #10203716!important}
.tim-makeup-app.tm-auth-mode .tm-auth-form{display:flex!important;flex-direction:column!important;gap:0!important;margin:8cqw 0 0!important}
.tim-makeup-app.tm-auth-mode .tm-auth-form .tm-field{margin:0 0 2.8cqw!important;padding:0!important}
.tim-makeup-app.tm-auth-mode .tm-auth-form .tm-field>label,.tm-seven-control>label,.tm-seven-code>label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tim-makeup-app.tm-auth-mode .tm-auth-control{display:grid!important;grid-template-columns:13.2cqw minmax(0,1fr) 44px!important;height:16cqw!important;min-height:46px!important;box-sizing:border-box;border:1px solid #d9dfeb!important;border-radius:11px!important;background:#ffffffb8!important;box-shadow:none!important}
.tim-makeup-app.tm-auth-mode .tm-auth-control input{width:100%!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;color:#101b36!important;font-size:4.3cqw!important;font-weight:400!important;line-height:1.4!important}
.tim-makeup-app.tm-auth-mode .tm-auth-control input::placeholder{color:#657091!important;opacity:1!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-leading,.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-eye{color:#101b36!important;display:flex;align-items:center;justify-content:center}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-field-icon{width:6.4cqw!important;height:6.4cqw!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round;stroke-linejoin:round}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-eye{height:100%!important;min-height:44px!important;border:0!important;background:transparent!important;padding:8px!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-eye svg{width:5.6cqw!important;height:5.6cqw!important}
.tim-makeup-app.tm-auth-mode .tm-auth-form [data-forgot]{align-self:flex-end;height:9.6cqw!important;min-height:36px!important;margin:0 0 9.6cqw auto!important;padding:0!important;color:#006e4d!important;font-size:4cqw!important;font-weight:700!important;background:transparent!important}
.tim-makeup-app.tm-auth-mode .tm-auth-form>.tm-btn,.tm-seven-primary{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;height:16.4cqw!important;min-height:48px!important;padding:0 12px!important;margin:0!important;background:linear-gradient(110deg,#008863,#007e54 65%,#006f4c)!important;color:white!important;border:1px solid #007a53!important;border-radius:11px!important;box-shadow:inset 0 1px 2px #ffffff12,0 1px 3px #005d4012!important;font-size:4.5cqw!important;font-weight:700!important;line-height:1.25!important;text-decoration:none!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card.registering .tm-auth-form>.tm-btn{margin-top:1.6cqw!important}
.tim-makeup-app.tm-auth-mode .tm-auth-divider{display:flex;align-items:center;gap:12px!important;margin:7.2cqw 0 5.2cqw!important;color:#64708f!important;font-size:4cqw!important;font-weight:400!important;line-height:1.4!important;white-space:nowrap}
.tim-makeup-app.tm-auth-mode .tm-auth-divider::before,.tim-makeup-app.tm-auth-mode .tm-auth-divider::after{content:'';height:1px;flex:1;background:#e1e5ee!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-socials{display:grid!important;grid-template-columns:1fr!important;gap:2.4cqw!important;margin:0!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-socials>button,.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-socials>a,.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card>[data-tm-apple-login]{position:relative;display:flex!important;align-items:center!important;justify-content:flex-start!important;box-sizing:border-box;width:100%!important;height:15.2cqw!important;min-height:46px!important;margin:0!important;padding:0 4cqw!important;gap:5.6cqw!important;border:1px solid #dde2ee!important;border-radius:10px!important;background:#ffffffc9!important;color:#101b36!important;font-size:4cqw!important;font-weight:700!important;text-decoration:none!important;line-height:1.2!important;grid-column:1!important;grid-row:auto!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-socials>[data-oauth-provider="google"]{order:0}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-socials>[data-tm-zalo-login]{order:1}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card>[data-tm-apple-login]{margin:2.4cqw 0 0!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-socials>button::after,.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-socials>a::after,.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card>[data-tm-apple-login]::after{content:'';position:absolute;right:4.4cqw;width:5px;height:5px;border-right:1px solid #8390aa;border-top:1px solid #8390aa;transform:rotate(45deg)}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-socials>button>svg,.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-socials>a>span:first-child,.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card>[data-tm-apple-login]>span:first-child{width:8.8cqw!important;height:8.8cqw!important;flex:0 0 8.8cqw!important}
.tim-makeup-app.tm-auth-mode .tm-auth-zalo-login-logo svg,.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card>[data-tm-apple-login] svg{width:100%!important;height:100%!important}
.tim-makeup-app.tm-auth-mode .tm-auth-switch{display:flex;justify-content:center;align-items:center;gap:3px;margin:7.2cqw 0 0!important;color:#64708f!important;font-size:4.3cqw!important;line-height:1.4!important}
.tim-makeup-app.tm-auth-mode .tm-auth-switch button{min-height:36px!important;height:36px!important;margin:0!important;padding:0!important;color:#006e4d!important;font-size:4.3cqw!important;font-weight:700!important;background:transparent!important}
.tim-makeup-app.tm-auth-mode button:focus-visible,.tim-makeup-app.tm-auth-mode a:focus-visible{outline:2px solid #00845b!important;outline-offset:3px!important}
.tim-makeup-app.tm-auth-mode input:focus-visible{outline:none!important}
.tim-makeup-app.tm-auth-mode .tm-auth-control:focus-within{border-color:#00845b!important;box-shadow:0 0 0 2px #00845b16!important}
.tim-makeup-app.tm-auth-mode button:disabled{opacity:.55;cursor:default}
.tim-makeup-app.tm-auth-mode .tm-alert{font-size:14px!important;line-height:1.5!important}
.tm-seven-welcome{display:none}
.tm-auth-shell[data-auth-view="welcome"]>.tm-auth-brand,.tm-auth-shell[data-auth-view="welcome"]>.tm-auth-card,.tm-auth-shell[data-auth-view="welcome"]>.tm-auth-back{display:none!important}
.tm-auth-shell[data-auth-view="welcome"]>.tm-seven-welcome{display:block}
.tm-otp-active .tm-seven-welcome{display:none!important}
.tm-seven-welcome-art{--w:calc(100cqw / 270);height:calc(var(--w)*350);width:100%;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(--w)*1333) calc(var(--w)*1180);background-position:calc(var(--w)*-10) calc(var(--w)*-40)}
.tm-seven-welcome>.tm-seven-primary,.tm-seven-welcome>.tm-seven-secondary{width:84.4%!important;margin:0 auto 2cqw!important;height:14.8cqw!important;font-size:4.4cqw!important}
.tm-seven-secondary{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;border:1px solid #00845b!important;border-radius:11px!important;background:#fff!important;color:#006d4b!important;font-weight:700!important}
.tm-seven-welcome>.tm-auth-divider{margin:7.2cqw 8cqw 5.6cqw!important;font-size:3.7cqw!important}
.tm-seven-social-circles{display:flex;justify-content:center;gap:8cqw}
.tm-seven-social-circles button{display:flex;align-items:center;justify-content:center;width:18cqw!important;height:18cqw!important;min-height:48px;border:1px solid #e1e5ee!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 4px #10203708!important;padding:4.5cqw!important}
.tm-seven-social-circles svg{width:100%!important;height:100%!important}
.tm-seven-terms{margin:6cqw 4cqw 0!important;text-align:center;color:#64708f!important;font-size:3.45cqw!important;line-height:1.5!important}
.tm-seven-terms a{color:#063d32!important;font-weight:700;text-decoration:none}
@media(min-width:600px){.tim-makeup-app.tm-auth-mode .tm-shell{margin:20px auto!important;border:1px solid #e2e8ec!important;border-radius:24px!important;overflow:hidden!important;min-height:calc(100dvh - 40px)!important}.tim-makeup-app.tm-auth-mode .tm-auth-shell{min-height:calc(100dvh - 40px)!important}}

.tm-seven-social-circles [data-social="zalo"] svg{fill:none!important;stroke:none!important}.tm-seven-social-circles [data-social="zalo"] rect{fill:#0068ff!important;stroke:none!important}.tm-seven-social-circles [data-social="zalo"] text{fill:#fff!important;stroke:none!important;text-anchor:middle;font:700 5.4px Arial}.tm-seven-social-circles [data-social="apple"] svg{color:#000!important;fill:#000!important;stroke:none!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-field-icon{color:#101b36!important;stroke:#101b36!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card.registering .tm-auth-control{height:15.2cqw!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card.registering .tm-auth-form{margin-top:6.4cqw!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card.registering .tm-field{margin-bottom:2.4cqw!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card.registering .tm-auth-divider{margin-top:6.4cqw!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card.registering .tm-auth-switch{margin-top:5.6cqw!important}
.tim-makeup-app.tm-auth-mode .tm-skip:not(:focus-visible){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;padding:0!important;margin:0!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card [data-tm-apple-login] svg{color:#000!important;fill:#000!important;stroke:none!important}
.tim-makeup-app.tm-auth-mode:not(.tm-seven-art-ready) .tm-seven-welcome-art{background-image:linear-gradient(115deg,#f2f8f5,#fff,#e6f3ed)!important;background-size:100% 100%!important;background-position:0 0!important}

/* One social footer across all three auth entry screens. */
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials{display:flex!important;justify-content:center!important;align-items:center!important;gap:8cqw!important;margin:0!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials>button,.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials>a{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 18cqw!important;width:18cqw!important;height:18cqw!important;min-height:48px!important;margin:0!important;padding:4.5cqw!important;gap:0!important;border:1px solid #e1e5ee!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 4px #10203708!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials>[data-tm-apple-login]{order:2}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials>button::after,.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials>a::after{display:none!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials>button>span,.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials [data-zalo-label],.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials [data-apple-label]{display:none!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials>button>svg,.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials>a>span:first-child{width:100%!important;height:100%!important;flex:1!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-switch{display:none!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card>.tm-seven-terms{margin:6cqw -1.6cqw 0!important;font-size:3.45cqw!important;line-height:1.5!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card>.tm-auth-divider{font-size:3.7cqw!important;margin:7.2cqw -5.6cqw 5.6cqw!important;padding:0!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials>a svg{width:100%!important;height:100%!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials>[data-tm-apple-login] svg{color:#000!important;fill:#000!important;stroke:none!important}

/* A shared inset frame keeps every auth state within the available viewport. */
.tim-makeup-app.tm-auth-mode{width:100%!important;max-width:430px!important;min-width:0!important;margin:0 auto!important;padding:12px!important;box-sizing:border-box!important}
.tim-makeup-app.tm-auth-mode .tm-shell{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;border:1px solid #e1e7ec!important;border-radius:24px!important;overflow:hidden!important;min-height:calc(100dvh - 24px)!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell{width:100%!important;min-width:0!important;min-height:calc(100dvh - 26px)!important;padding-top:8px!important;box-sizing:border-box!important}
.tim-makeup-app.tm-auth-mode .tm-shell .tm-seven-recovery{min-height:calc(100dvh - 26px)!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell[data-auth-view="welcome"]>.tm-auth-back{display:flex!important;align-items:center;justify-content:center}

/* Authentication keeps the common navigation, with space for its fixed footer. */
.tim-makeup-app.tm-auth-mode #tm-global-footer{display:grid!important;width:calc(100% - 24px)!important;max-width:406px!important}
.tim-makeup-app.tm-auth-mode .tm-shell{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important}

/* App-style login and registration: quiet surfaces, consistent touch targets. */
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-tabs{height:48px!important;padding:4px!important;background:#f2f5f4!important;border:0!important;box-shadow:none!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-tabs button{font-size:15px!important;box-shadow:none!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-tabs button[aria-selected="true"]{box-shadow:0 2px 8px #173f2910!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-form{margin-top:24px!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-form .tm-field{margin-bottom:12px!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-control{height:56px!important;min-height:56px!important;grid-template-columns:48px minmax(0,1fr) 44px!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-auth-shell .tm-auth-card .tm-auth-control:focus-within{background:#edf6f1!important;box-shadow:0 0 0 2px #00845b35!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-control input{font-size:16px!important;background:transparent!important;border:0!important;border-radius:0!important;outline:none!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-control:has(input:autofill){background:#edf6f1!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-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-auth-shell .tm-auth-card .tm-auth-field-icon{width:21px!important;height:21px!important;color:#657a70!important;stroke:#657a70!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-form [data-forgot]{height:36px!important;margin:0 0 20px auto!important;font-size:14px!important;border:0!important;box-shadow:none!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-form>.tm-btn{height:54px!important;min-height:54px!important;border:0!important;border-radius:16px!important;background:#00875e!important;box-shadow:none!important;font-size:16px!important;margin-top:4px!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-form>.tm-btn:active{background:#006e4c!important;transform:scale(.99)}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-form>.tm-btn:disabled{opacity:.55!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials>button,.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials>a{border:0!important;background:#f3f6f5!important;box-shadow:none!important;width:64px!important;height:64px!important;flex-basis:64px!important;padding:18px!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card>.tm-auth-divider{margin-top:24px!important;margin-bottom:20px!important;font-size:13px!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card>.tm-seven-terms{margin-top:20px!important;font-size:12px!important;line-height:1.6!important}
@media(prefers-reduced-motion:reduce){.tim-makeup-app.tm-auth-mode .tm-auth-control{transition:none!important}}

/* Compact auth content while retaining the full-height app frame. */
.tim-makeup-app.tm-auth-mode .tm-auth-shell>.tm-auth-brand{height:34cqw!important;padding-top:0!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell>.tm-auth-brand .tm-seven-logo{transform:scale(.84);transform-origin:top center}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card{margin-top:8px!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-form{margin-top:16px!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-form .tm-field{margin-bottom:10px!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-control{height:52px!important;min-height:52px!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-form [data-forgot]{margin-bottom:12px!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-form>.tm-btn{height:50px!important;min-height:50px!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card>.tm-auth-divider{margin-top:18px!important;margin-bottom:14px!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials{gap:24px!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials>button,.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card .tm-auth-socials>a{width:56px!important;height:56px!important;min-height:56px!important;flex-basis:56px!important;padding:16px!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell .tm-auth-card>.tm-seven-terms{margin-top:14px!important}

/* Keep the frame at one viewport: footer clearance belongs inside the screen. */
.tim-makeup-app.tm-auth-mode .tm-shell{padding-bottom:0!important;height:calc(100dvh - 24px)!important;min-height:calc(100dvh - 24px)!important}
.tim-makeup-app.tm-auth-mode .tm-main,.tim-makeup-app.tm-auth-mode .tm-screen{min-height:0!important;height:100%!important}
.tim-makeup-app.tm-auth-mode .tm-auth-shell{height:100%!important;min-height:0!important;padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important;overflow-y:auto!important;overscroll-behavior:contain}

/* Auth is a full app screen; only its controls and footer are components. */
.tim-makeup-app.tm-auth-mode{padding:0!important;background:#fff!important}
.tim-makeup-app.tm-auth-mode .tm-shell{height:100dvh!important;min-height:100dvh!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}