/*
 * [INPUT]: account.js与index.html的账号入口、登录/邮件流程表单和历史认领提示
 * [OUTPUT]: 响应式账号、邮件中性通知和仅本机可见的测试收件箱入口
 * [POS]: public的身份样式，在基础样式后加载
 * [PROTOCOL]: 变更时更新此头部，然后检查 CLAUDE.md
 */
.topbar-actions,#account-controls{display:flex;align-items:center;gap:12px;min-width:0}
.account-name{color:#52657f;font-size:12px;max-width:150px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.account-status{max-width:1140px;margin:0 auto 18px;padding:12px 22px;border:1px solid #e1e9f4;border-radius:10px;background:#f8faff;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#667b98}
.account-status[hidden]{display:none}
.account-dialog{width:min(450px,calc(100vw - 28px));padding:30px;border:1px solid #dbe4f2;border-radius:18px;box-shadow:0 24px 100px #1e396830;color:#334760}
.account-dialog::backdrop{background:#24355066;backdrop-filter:blur(3px)}
.account-form{display:flex;flex-direction:column;gap:18px}
.account-form .settings-title{margin:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.account-form .settings-title .icon-button{flex:0 0 30px}.account-form h2{font-size:22px;margin:6px 0}
.account-eyebrow{color:#8597b4;font-size:9px;letter-spacing:2px}
.account-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}
.account-form input{width:100%;font-size:14px;padding:12px 14px;border:1px solid #dce4f0;border-radius:8px;min-height:46px}
.account-form .muted{font-size:12px;line-height:1.8;margin:0}.account-submit{width:100%;justify-content:center}
.account-switch{text-align:center;font-size:12px;color:#8898ad;margin:0}.account-switch button{margin-left:6px}
@media(max-width:600px){.topbar-actions{gap:4px}.account-name{display:none}#account-controls{gap:2px}.topbar-actions .button{font-size:11px;padding:8px}.account-status{margin:0 14px 14px;padding:12px 15px}.account-dialog{padding:22px}}
.account-mail-notice{margin:0;padding:12px 14px;border:1px solid #dbe7f7;border-radius:9px;background:#f3f7fd;color:#4c6280;font-size:13px;line-height:1.85;overflow-wrap:anywhere}
.account-inbox{color:#3168ca;font-size:12px;text-underline-offset:3px;align-self:flex-start}
.account-switch{display:flex;justify-content:center;align-items:center;gap:8px 14px;flex-wrap:wrap;line-height:1.8}
.account-switch span{white-space:nowrap}.account-form .text-button:disabled{cursor:default;color:#8b9bb2}
.account-form input:focus-visible{outline:2px solid #3b70dc;outline-offset:2px}