body .modal-dialog.account-login-dialog { width:min(820px,calc(100vw - 32px)); max-height:90dvh; }
.account-login-dialog .modal-content { padding:24px; overflow:auto; min-height:0; }
.account-login-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.account-login-card { min-width:0; padding:20px; border:1px solid var(--line); border-radius:12px; text-align:center; }
.account-login-card h3 { margin:0 0 18px; font-size:18px; }
.account-login-code { width:min(260px,100%); aspect-ratio:1; margin:auto; display:grid; place-items:center; background:#fff; color:#555; border-radius:8px; overflow:hidden; }
.account-login-code img { width:100%; height:100%; object-fit:contain; }
.account-login-code [hidden] { display:none; }
.account-login-card [data-login-message] { min-height:22px; margin:16px 0 6px; font-size:14px; }
.account-login-identity { min-height:20px; margin:0; color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.account-login-card .form-error { margin:8px 0; min-height:18px; overflow-wrap:anywhere; }
.account-login-card[data-status="connected"] .account-login-code { font-size:72px; background:var(--surface); color:var(--ink); }
.account-login-card button { min-height:36px; }
.account-login-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.account-login-footer span { color:var(--muted); font-size:12px; line-height:1.6; }
.account-login-footer button { flex:none; }
@media(max-width:640px) { .account-login-grid { grid-template-columns:1fr; } .account-login-dialog .modal-content { padding:16px; } .account-login-card { padding:16px; } }

.account-login-card label{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%}.account-login-card select{max-width:100%;min-width:0;width:100%;background:#202020;color:#eee;border:1px solid #555;border-radius:6px;padding:8px}