.cloud-bar {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:10px 14px;background:var(--bg-secondary,#f1f5f9);border-radius:10px;font-size:13px;flex-wrap:wrap}
.cloud-bar[data-state="error"] {color:#b42318}
.cloud-conflict {display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px;background:#fff3cd;color:#664d03;border-radius:10px;margin:12px 0}
[hidden] {display:none !important}
.auth-dialog {box-sizing:border-box;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:26px;border:1px solid #cbd5e1;border-radius:16px;background:#fff;color:#253047;box-shadow:0 20px 80px #0003}
.auth-dialog::backdrop {background:#0007}
.auth-heading {display:flex;align-items:center;justify-content:space-between;gap:10px}
.auth-heading h3 {margin:0;font-size:21px}
.auth-dialog label {display:block;margin:15px 0 7px;font-size:13px;font-weight:600}
.auth-dialog input,.auth-dialog textarea {box-sizing:border-box;display:block;width:100%;min-width:0;padding:11px 12px;border:1px solid #b9c4d4;border-radius:8px;font:inherit;background:#fff;color:#253047}
.auth-dialog input:focus {outline:2px solid #5b8def;outline-offset:1px}
.auth-description {font-size:13px;line-height:1.7;color:#64748b;margin:14px 0}
.auth-error {color:#b42318;font-size:13px;min-height:18px;line-height:1.5}
#authSubmit,#saveRecovery {width:100%;margin:8px 0;min-height:42px}
.auth-links {display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;margin-top:10px}
.dark-mode .cloud-bar {background:#263043;color:#cbd5e1}
.dark-mode .auth-dialog {background:#202838;color:#e2e8f0;border-color:#475569}
.dark-mode .auth-dialog input,.dark-mode .auth-dialog textarea {background:#111827;color:#e2e8f0;border-color:#475569}
.dark-mode .auth-description {color:#b7c2d1}
@media(max-width:600px) {.auth-dialog {padding:20px}.cloud-bar {margin:10px 0}.cloud-conflict button {font-size:12px}}

#accountName {display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
@media(max-width:600px) {#accountName {max-width:200px}}