.auth-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:16px 0}.auth-tabs button{min-width:0;padding:9px 3px!important;min-height:76px;border:1px solid #d7dfe7;border-radius:10px;background:#f7f9fc;color:#233c56;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;white-space:nowrap}.auth-tabs svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.auth-tab-label{font-size:13px;line-height:1.3;font-weight:700;white-space:nowrap;word-break:keep-all}.auth-tab-badge{font-size:11px;line-height:1.2;color:#667085;font-weight:500;white-space:nowrap}.auth-tabs [aria-selected=true]{background:#fff2e8;color:#9b3b11;border-color:#e66c36}.auth-tabs [aria-selected=true] .auth-tab-badge{color:#667085}.auth-channel-panel[hidden],.auth-password-panel[hidden],.auth-channel-panel button[hidden]{display:none!important}.auth-channel-panel label{display:block;margin:12px 0}.auth-channel-panel input{display:block;width:100%;box-sizing:border-box;min-height:44px;border:1px solid #cdd5df;border-radius:8px;padding:10px}.auth-channel-panel button{min-height:44px;max-width:100%;margin:6px 0}.auth-channel-panel button:disabled{opacity:.55;cursor:not-allowed}.auth-message{color:#9d321e;font-size:13px;overflow-wrap:anywhere}.auth-status,.auth-channel-panel .help{font-size:13px;line-height:1.6}.auth-status{color:#667085}.wechat-qr{max-width:100%;overflow:hidden}.wechat-qr iframe{max-width:100%}.login-channels,.login-alternatives{display:none!important}.workspace-choice{max-width:340px;border:0;border-radius:12px;padding:24px}.workspace-choice button{display:block;width:100%;min-height:44px;margin:12px 0}dialog:has(.auth-tabs){max-height:90dvh;overflow-y:auto;box-sizing:border-box}@media(max-width:480px){dialog:has(.auth-tabs){width:calc(100% - 24px);max-width:calc(100% - 24px);padding:20px}.auth-tabs{gap:3px}.auth-tab-label{font-size:12px}.auth-channel-panel{min-width:0}}@media(max-width:330px){.auth-tabs button{padding-inline:1px!important}.auth-tab-label{font-size:11px}}

@media(max-width:360px){#login-panel h1,.login-card h2,dialog:has(.auth-tabs) h2{font-size:22px;line-height:1.35}}
