.phone-auth-modes { display: flex; gap: 8px; margin-bottom: 18px; }
.phone-auth-modes button { flex: 1; padding: 9px 8px; border: 1px solid #d9e1e8; border-radius: 5px; background: #fff; color: #516174; font: inherit; cursor: pointer; }
.phone-auth-modes button[aria-pressed="true"] { border-color: #1a3a5c; background: #edf2f7; color: #1a3a5c; font-weight: 600; }
.phone-auth-fields { margin-bottom: 16px; font-size: 13px; color: #1e2a38; }
.phone-auth-fields[hidden], .phone-auth-fields ~ [hidden], [data-email-field][hidden], [data-email-code-field][hidden] { display: none !important; }
.phone-auth-fields label { display: block; margin: 10px 0 5px; font-size: 12px; font-weight: 500; }
.phone-auth-fields input { box-sizing: border-box; min-width: 0; width: 100%; padding: 10px; border: 1px solid #d9e1e8; border-radius: 5px; background: #fff; color: #1e2a38; font: inherit; }
.phone-auth-number { display: flex; align-items: center; gap: 10px; }
.phone-auth-number span { color: #516174; }
.phone-auth-row { display: flex; align-items: stretch; gap: 8px; }
.phone-auth-row input { flex: 1; }
.phone-auth-row button { flex: 0 0 112px; width: 112px; padding: 0 4px; border: 1px solid #1a3a5c; border-radius: 5px; background: #fff; color: #1a3a5c; font: inherit; font-size: 12px; cursor: pointer; }
.phone-auth-row .phone-auth-image { border-color: #d9e1e8; overflow: hidden; padding: 0; }
.phone-auth-image img { display: block; width: 112px; height: 40px; object-fit: contain; }
.phone-auth-fields button:disabled { cursor: default; opacity: .65; }
.phone-auth-fields input:focus-visible, .phone-auth-fields button:focus-visible, .phone-auth-modes button:focus-visible { outline: 2px solid #1a3a5c; outline-offset: 2px; }
.phone-auth-hint { margin: 7px 0 0; color: #64748b; font-size: 12px; line-height: 1.6; }
.phone-auth-hint.is-error { color: #b91c1c; }

/* Risk challenges must stay hidden despite the form layout display rules. */
.phone-auth-fields [hidden] { display: none !important; }
.wechat-login-entry { display:block; margin-top:14px; padding:10px 12px; border:1px solid #d6e1db; border-radius:8px; color:#167345; background:#f5faf7; text-align:center; text-decoration:none; font:inherit; font-size:14px; }
.wechat-login-entry:hover { background:#eaf5ee; }
.wechat-login-entry:focus-visible { outline:2px solid #167345; outline-offset:3px; }
.wechat-binding-notice { padding:10px 12px; border-radius:8px; color:#244d3a; background:#eef7f1; font-size:13px; line-height:1.6; }