/* Shared sign-in presentation. Tokens are scoped away from the signed-in workspace. */
#auth-panel{
  --auth-bg:#151515;
  --auth-input:#222221;
  --auth-hover:#2b2b29;
  --auth-border:#41413e;
  --auth-text:#efefeb;
  --auth-muted:#aaa9a3;
  --auth-primary:#eeede7;
  --auth-primary-text:#20201e;
  --auth-focus:#bcb1ee;
  /* Existing workspace input rules use these tokens with !important. */
  --bg:var(--auth-bg);--surface:var(--auth-bg);--surface-2:var(--auth-input);
  --border:var(--auth-border);--ink:var(--auth-text);--ink-2:var(--auth-text);
  --muted:var(--auth-muted);--muted-2:var(--auth-muted);
  display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;
  background:var(--auth-bg);color:var(--auth-text);color-scheme:dark;
  font-family:"Segoe UI",system-ui,-apple-system,"Microsoft YaHei",sans-serif;
}
#auth-panel .auth-page-header{padding:24px 32px;flex:none}
#auth-panel .auth-card-logo{display:inline-flex;align-items:center;gap:10px;margin:0;min-height:36px;width:fit-content}
#auth-panel .auth-card-icon{width:29px;height:29px;background:#a99bd8;color:#1b1823;border-radius:7px;box-shadow:none;font-size:15px}
#auth-panel .auth-card-logo>span:last-child{font-size:18px;font-weight:650;letter-spacing:-.3px;color:var(--auth-text)}
#auth-panel .auth-form-panel{width:100%;flex:1;min-width:0;padding:44px 24px 28px;background:transparent;justify-content:center}
#auth-panel .auth-card{width:100%;max-width:400px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#auth-panel .auth-card h2{font-size:25px;font-weight:600;letter-spacing:-.5px;line-height:1.35;text-align:center;margin:0 0 10px;color:var(--auth-text)}
#auth-panel .auth-card-desc{text-align:center;font-size:14px;line-height:1.6;color:var(--auth-muted);margin:0 0 30px}
#auth-panel .auth-method-tabs{display:flex;gap:6px;padding:4px;background:var(--auth-input);border:1px solid var(--auth-border);border-radius:9px;margin:0 0 24px}
#auth-panel .auth-method-tab{min-height:40px;padding:8px 12px;margin:0;border:0;border-radius:6px;color:var(--auth-muted);background:transparent;font-weight:500}
#auth-panel .auth-method-tab.active{background:#393936;color:var(--auth-text)}
#auth-panel .auth-method-tab:hover{color:var(--auth-text)}
/* English has one email method; a one-item method switch adds no choice. */
html[data-market="international"] #auth-panel .auth-method-tabs{display:none}
#auth-panel .auth-tabs{gap:24px;margin:0 0 22px;border-bottom:1px solid var(--auth-border)}
#auth-panel .auth-tab{min-height:44px;padding:8px 0;margin:0 0 -1px;border-radius:0;color:var(--auth-muted);font-size:14px;font-weight:500;border-bottom:2px solid transparent}
#auth-panel .auth-tab.active{color:var(--auth-text);background:transparent;border-bottom-color:var(--auth-text)}
#auth-panel .auth-field{gap:8px;margin-bottom:18px}
#auth-panel .auth-field label{font-size:14px;font-weight:500;color:var(--auth-text)}
#auth-panel .auth-field input{width:100%;min-width:0;min-height:46px;padding:11px 13px;background:var(--auth-input);color:var(--auth-text);border:1px solid var(--auth-border);border-radius:8px;font:inherit;font-size:14px;box-shadow:none}
#auth-panel .auth-field input::placeholder{color:var(--auth-muted);opacity:1}
#auth-panel .auth-field input:focus{outline:2px solid var(--auth-focus)!important;outline-offset:2px;border-color:var(--auth-focus)!important;background:var(--auth-input);box-shadow:none!important}
#auth-panel .auth-field input:-webkit-autofill{-webkit-text-fill-color:var(--auth-text);box-shadow:0 0 0 1000px var(--auth-input) inset}
#auth-panel .auth-btn{min-height:46px;padding:11px 16px;margin-top:6px;background:var(--auth-primary);color:var(--auth-primary-text);border:1px solid transparent;border-radius:8px;box-shadow:none;font-size:14px;font-weight:600;transition:background 150ms,color 150ms}
#auth-panel .auth-btn:hover{background:#fff;opacity:1}
#auth-panel .auth-btn:active{transform:none}
#auth-panel .auth-btn-secondary,#auth-panel #method-phone>.auth-btn[onclick],#auth-panel #method-wechat>.auth-btn{background:var(--auth-input);border-color:var(--auth-border);color:var(--auth-text);box-shadow:none}
#auth-panel .auth-btn-secondary:hover,#auth-panel #method-phone>.auth-btn[onclick]:hover,#auth-panel #method-wechat>.auth-btn:hover{background:var(--auth-hover)}
#auth-panel .auth-reset-link{display:flex;justify-content:flex-end;width:fit-content;min-height:36px;margin:-8px 0 12px auto;padding:7px 0;border:0;border-radius:0;background:transparent;color:var(--auth-muted);font-size:13px;font-weight:400;text-decoration:underline;text-underline-offset:3px}
#auth-panel .auth-reset-link:hover{background:transparent;color:var(--auth-text)}
#auth-panel #method-email:has(#email-tab-register.active) .auth-reset-link{display:none}
#auth-panel :is(.auth-return-link,.auth-recovery-action){color:var(--auth-text);font-size:13px;font-weight:500}
#auth-panel .auth-sms-row{gap:10px}
#auth-panel .auth-sms-btn{min-height:46px;border:1px solid var(--auth-border);border-radius:8px;background:var(--auth-hover);color:var(--auth-text);box-shadow:none;font-weight:500}
#auth-panel .auth-sms-btn:hover{background:#383835}
#auth-panel :is(.auth-btn,.auth-sms-btn,.auth-method-tab):disabled{opacity:.5;cursor:not-allowed}
#auth-panel .auth-or{color:var(--auth-muted);margin:22px 0;font-size:12px}
#auth-panel .auth-or::before,#auth-panel .auth-or::after{background:var(--auth-border)}
#auth-panel .google-login-btn{min-height:46px;border:1px solid var(--auth-border);border-radius:8px;background:var(--auth-input);color:var(--auth-text);font:inherit;font-size:14px;font-weight:500}
#auth-panel .google-login-btn:hover{background:var(--auth-hover)}
#auth-panel :is(.auth-check,.wechat-desc){color:var(--auth-muted);font-size:13px;line-height:1.6}
#auth-panel .auth-check input{accent-color:var(--auth-focus)}
#auth-panel .wechat-qr-box{background:var(--auth-input);border-color:var(--auth-border);color:var(--auth-muted)}
#auth-panel #auth-status{font-size:13px;line-height:1.6;color:var(--auth-muted);margin-top:12px;min-height:0}
#auth-panel #auth-status:empty{display:none}
#auth-panel #auth-status.err{color:#f0a9a0}
#auth-panel #auth-status.ok{color:#a5d6b0}
#auth-panel .auth-bottom{width:100%;margin-top:48px;color:var(--auth-muted);font-size:12px;line-height:1.6;text-align:center}
#auth-panel .auth-bottom a{color:var(--auth-muted);font-weight:400}
#auth-panel .auth-bottom a:hover{color:var(--auth-text);text-decoration:underline;text-underline-offset:3px}
#auth-panel .auth-bottom-row{gap:16px;flex-wrap:wrap;margin-top:12px}
#auth-panel .auth-brand-footer{max-width:520px;padding:0;margin:20px auto 0;font-size:11px;color:var(--auth-muted);line-height:1.7}
#auth-panel :is(button,a,input):focus-visible{outline:2px solid var(--auth-focus);outline-offset:3px}
@media(max-width:600px){
  #auth-panel .auth-page-header{padding:18px 20px}
  #auth-panel .auth-form-panel{justify-content:flex-start;padding:30px 24px 24px}
  #auth-panel .auth-card h2{font-size:23px}
  #auth-panel .auth-card-desc{margin-bottom:26px}
  #auth-panel .auth-bottom{margin-top:40px}
  #auth-panel .auth-brand-footer{font-size:11px}
}
@media(prefers-reduced-motion:reduce){#auth-panel *{transition:none!important}}