.account-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;border:1px solid #dce4d3;background:#f0f4e9;border-radius:7px;padding:18px 22px;margin-bottom:30px}.account-bar b{font-size:13px}.account-bar p{color:#86967b;font-size:10px;line-height:1.7;margin:7px 0 0}.account-buttons{display:flex;gap:14px;align-items:center}.account-buttons button{font-size:10px;padding:6px 0}.account-buttons .primary{padding:10px 14px}.account-id{font-size:10px;color:#9ca88e;margin-left:10px}.account-error{font-size:11px;line-height:1.8;color:#a35f4e;min-height:18px}.migration-note{flex-basis:100%;border-top:1px solid #dbe5ce;padding-top:12px;font-size:10px;line-height:1.8;color:#7d8d70;display:flex;justify-content:space-between;gap:12px}.migration-note button{font-size:10px;text-decoration:underline}#account-dialog{max-width:450px}.account-bar #cloud-status{overflow-wrap:anywhere}@media(max-width:760px){.account-bar{padding:17px;margin-bottom:24px;gap:12px}.account-buttons{flex-wrap:wrap}.migration-note{flex-direction:column}.migration-note button{align-self:flex-end}}
/* Keep intrinsic input/button widths inside the mobile account dialog. */
#account-dialog{box-sizing:border-box;width:min(450px,calc(100vw - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:24px;overflow-x:hidden;overflow-y:auto}
#account-form,#account-form .form-grid,#account-form .form-grid label{width:100%;min-width:0}
#account-form .form-grid{grid-template-columns:minmax(0,1fr)}
#account-form input{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
#account-form .modal-head>div{min-width:0}#account-form .modal-head .close{flex:none}
#account-form .eyebrow,#account-form .form-help,#account-error{overflow-wrap:anywhere}
#account-form .modal-actions{display:flex;flex-wrap:wrap;gap:10px}
#account-form .modal-actions button{flex:1 1 120px;min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere;line-height:1.6}
@media(max-width:480px){#account-dialog{padding:20px}}