/* Auth surface: templates/auth/*.html (+ the password toggle reused on profile settings). Tokens only. */

/* Kirish | Ro'yxatdan o'tish switch: full width, 40px items */
.auth-switch{display:flex;width:100%;margin-bottom:var(--aj-6)}
.auth-switch__item{flex:1 1 0;height:36px;font-size:var(--aj-fs-base)}
.auth-switch__item .aj-icon{color:var(--aj-muted)}
.auth-switch__item.is-active .aj-icon{color:var(--aj-brand)}

.auth-panel:focus{outline:none}
.auth-forgot{margin:0;text-align:center;font-size:var(--aj-fs-sm)}
.auth-note{text-align:center}

/* password with a show/hide toggle */
.auth-pass{position:relative}
.auth-pass__input{padding-right:44px}
.auth-pass__toggle{position:absolute;top:50%;right:4px;transform:translateY(-50%);color:var(--aj-muted)}
.auth-pass__toggle:hover{color:var(--aj-text)}
.auth-pass__hide,.auth-pass__toggle[aria-pressed=true] .auth-pass__show{display:none}
.auth-pass__toggle[aria-pressed=true] .auth-pass__hide{display:inline-block}

/* OTP: one wide, spaced, tabular input */
.auth-otp{height:var(--aj-control-h-lg);font-size:var(--aj-fs-2xl);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.5em;text-align:center;text-indent:.5em}
.auth-otp::placeholder{letter-spacing:.5em;color:var(--aj-subtle)}

.auth-resend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--aj-1) var(--aj-4);margin-top:var(--aj-4)}

/* password reset steps: Telefon -> Kod -> Yangi parol */
.auth-steps{display:flex;gap:var(--aj-2);margin:0 0 var(--aj-6);padding:0;list-style:none}
.auth-steps__item{display:flex;flex:1 1 0;flex-direction:column;gap:var(--aj-2);min-width:0;padding-top:var(--aj-2);border-top:2px solid var(--aj-border);color:var(--aj-muted);font-size:var(--aj-fs-xs);font-weight:550}
.auth-steps__item.is-done{border-top-color:var(--aj-text-2);color:var(--aj-text-2)}
.auth-steps__item.is-current{border-top-color:var(--aj-brand);color:var(--aj-brand)}
.auth-steps__num{font-variant-numeric:tabular-nums}
.auth-steps__num::after{content:"-qadam"}
.auth-steps__label{overflow:hidden;color:var(--aj-text);font-size:var(--aj-fs-sm);text-overflow:ellipsis;white-space:nowrap}
.auth-steps__item:not(.is-current):not(.is-done) .auth-steps__label{color:var(--aj-muted)}
