.account-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e2e7dc;border-radius:9px;background:#f9fbf5;margin-bottom:6px}
.account-card strong{display:block;font-size:12px;color:#2f4a36;font-weight:650;overflow-wrap:anywhere}
.account-card small{display:block;font-size:11px;color:#6f8160;line-height:1.6;margin-top:3px}
.account-card .avatar{border-color:#fff}
.account-github{width:100%;justify-content:center;gap:9px;background:#1f2a24;color:#fff;border:0}
.account-github:hover{background:#33443a}
.account-github:disabled,.modal-body .button:disabled{opacity:.6;cursor:wait}
.account-divider{display:flex;align-items:center;gap:12px;margin:20px 0 4px;color:#8b9b7b;font-size:11px}
.account-divider::before,.account-divider::after{content:"";flex:1;height:1px;background:#e2e7dc}
.modal-body .account-hint{font-size:11px;margin:6px 0 0;color:#7d8f6d}
.modal-body .account-message{min-height:0;margin:10px 0 0;color:#a3553f;font-size:12px}
.modal-body .account-message:empty{display:none}
.link-button{padding:0;border:0;background:none;color:#2c533b;font:inherit;text-decoration:underline;cursor:pointer}
.button-danger{background:#a3553f;color:#fff}
.button-danger:hover{background:#8c4532}
.avatar .icon{width:14px;height:14px}
.account-actions{margin-bottom:24px}
.account-name-form label{margin-top:18px}
.account-name-row{display:flex;gap:8px;align-items:stretch}
.account-name-row input{flex:1;min-width:0}
.modal-body .account-name-row .button{margin-top:0;flex-shrink:0}
.account-optional{color:#9aa58f}
.signin-button{padding:8px 14px;margin-right:10px;white-space:nowrap}
.signin-button[hidden]{display:none}
@media (max-width:700px){.signin-button{padding:7px 11px;margin-right:6px}}
