/* Account form shares the existing warm glass palette and native system type. */
#accountSecurityForm{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding-top:8px;min-width:0}
#accountSecurityForm label{display:block;font-size:13px;line-height:1.5;font-weight:600;color:var(--ink);margin:12px 0 0}
#accountSecurityForm input{display:block;width:100%;min-width:0;max-width:100%;height:50px;padding:0 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,253,248,.86);color:var(--ink);font:inherit;font-size:16px;line-height:normal;box-shadow:inset 0 1px 2px rgba(23,23,21,.03);-webkit-appearance:none;appearance:none}
#accountSecurityForm input:focus{outline:2px solid var(--red);outline-offset:2px}
#accountSecurityForm .form-error{margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#accountSecurityForm .form-error:empty{display:none}
#accountSecurityForm .primary-button{margin-top:14px;min-height:48px;font-size:15px;width:100%}
.account-dialog{max-height:88dvh;overflow-x:hidden;overscroll-behavior:contain}
.account-dialog .dialog-head>div{min-width:0}
.account-dialog .dialog-head p{overflow-wrap:anywhere}
.account-dialog .dialog-head .icon-button{flex-shrink:0}
@media(max-width:430px){.account-dialog{padding-left:20px;padding-right:20px}.account-dialog .dialog-head h2{font-size:22px}}