.account-quick-connect{display:flex;flex-direction:column;gap:12px;margin:8px 0 20px}.account-quick-connect>.button{width:100%;min-height:48px;justify-content:center}.account-quick-connect .field-hint{margin:0;line-height:1.8}.account-app-config{margin-top:20px;border-top:1px solid var(--line,#e7e4ef);padding-top:16px}.account-app-config>summary{font-size:13px;color:var(--muted,#8b829b);cursor:pointer}.account-app-config[open]>summary{margin-bottom:14px}.account-connect-steps{list-style:none;display:flex;gap:12px;justify-content:space-between;margin:0 0 20px;padding:0;font-size:12px;color:#a49bb1}.account-connect-steps li{flex:1;border-bottom:2px solid #eeebf4;padding-bottom:9px;line-height:1.6}.account-connect-steps .current{color:var(--blue,#7254d8);border-color:var(--blue,#7254d8)}.account-connect-steps .done{color:#35856f;border-color:#85c8b4}.account-flow-status{font-size:13px;line-height:1.8;color:var(--secondary,#746780);margin:10px 0 14px}.account-flow-actions{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:16px}.account-authorization .feishu-auth-link.button{display:flex;justify-content:center;max-width:320px;margin:18px auto 0;padding:11px 16px}.account-authorization .field-hint{line-height:1.8;margin-top:14px}.account-authorization .account-qr-heading{justify-content:center}.account-authorization[data-account-flow]{margin-top:20px}.local-feishu-login[data-authorizing=true] .account-quick-connect,.local-feishu-login[data-authorizing=true] .account-more-options{display:none}@media(max-width:600px){.account-connect-steps{font-size:11px;gap:8px}.account-flow-actions{gap:14px}.account-app-config .input{font-size:16px}.account-authorization .feishu-auth-link.button{max-width:none;width:100%}}
/* Keep the active authorization step in focus on both desktop and phone. */
[data-authorizing=true]>.account-app-config{display:none}
.account-authorization[data-account-flow]{gap:10px}
.account-authorization[data-account-flow] .account-connect-steps{margin-bottom:8px}
.account-authorization[data-account-flow] .account-flow-status{text-align:center}
.account-authorization[data-account-flow] .feishu-auth-link.button{margin-top:6px}
.account-authorization[data-account-flow] .field-hint{margin-top:2px}
.account-authorization[data-account-flow] .account-flow-actions{margin-top:4px}

/* Scan on the left, instructions and actions on the right when space permits. */
@media(min-width:651px){
 #login .account-authorization[data-account-flow]{grid-template-columns:180px minmax(0,1fr);grid-template-areas:"steps steps" "qr heading" "qr status" "qr link" "qr hint" "qr actions";gap:10px 24px;align-items:start}
 #login .account-authorization .account-connect-steps{grid-area:steps;margin:0 0 10px}
 #login .account-authorization .feishu-auth-qr{grid-area:qr;width:180px;height:180px;margin:0;align-self:center}
 #login .account-authorization .account-qr-heading{grid-area:heading;justify-content:flex-start;margin:0}
 #login .account-authorization .account-flow-status{grid-area:status;text-align:left;margin:0}
 #login .account-authorization .feishu-auth-link.button{grid-area:link;width:fit-content;max-width:100%;margin:0;text-align:left}
 #login .account-authorization>.field-hint{grid-area:hint;text-align:left;margin:0}
 #login .account-authorization .account-flow-actions{grid-area:actions;justify-content:flex-start;margin:0}
}

.password-recovery{max-width:520px;margin:18px 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff)}
.password-recovery[hidden]{display:none}.password-recovery .recovery-heading h3{margin:0;font-size:17px;line-height:1.6}.password-recovery .recovery-heading p{margin:6px 0 20px;font-size:13px;line-height:1.8;color:var(--secondary)}
.password-recovery .field{margin:16px 0}.password-recovery .recovery-phone{font-size:13px;margin:0 0 16px;color:var(--secondary)}.recovery-phone strong{margin-left:10px;color:var(--text)}
.recovery-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.recovery-actions .button{min-height:40px}
.recovery-verification{display:flex;flex-direction:column;align-items:center;gap:12px}.recovery-verification>p{font-size:13px;color:var(--secondary);margin:0}.recovery-verification .feishu-auth-qr{margin:0}
.password-recovery .error{margin:16px 0 0}.password-recovery .field-hint{font-size:12px;line-height:1.8}.login-phone-help .account-text-button{font-size:13px}
@media(max-width:650px){.password-recovery{padding:16px;max-width:100%}.recovery-actions{gap:8px}.recovery-actions .button{flex:1}.password-recovery .recovery-heading h3{font-size:16px}}