/* Account controls keep their own rows at every viewport and zoom level. */
.account-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.account-shell>*{min-width:0}
.account-card{min-width:0}
#accountName{font-size:clamp(26px,4vw,36px);line-height:1.2;overflow-wrap:anywhere;margin:0 0 12px}
#accountEmail{font-size:15px;overflow-wrap:anywhere;margin:0 0 20px}
#accountState{font-size:14px;line-height:1.6;margin:0 0 24px}
.account-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.account-card .account-actions>.button,.account-card .account-actions>.link{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-width:0;min-height:52px;margin:0;padding:15px 18px;font-size:15px;line-height:1.5;text-align:left;white-space:normal;overflow-wrap:anywhere;border:1px solid var(--line);text-decoration:none}
.account-card .account-actions>.link{background:transparent}
.account-card .account-actions>#clientLogout{justify-content:center;border-color:transparent;text-decoration:underline;text-underline-offset:4px}
.account-actions .ui-arrow{flex-shrink:0}
.account-card details{border-top:1px solid var(--line);padding-top:12px;margin-top:24px}
.account-card summary{font-size:15px;line-height:1.5;min-height:48px}
.account-card details form{padding-top:16px}
.account-card details .button{background:var(--ink);color:#fff;min-height:48px;justify-content:center;font-size:15px}
.account-card input,.account-card select{max-width:100%}
@media(max-width:800px){.account-shell{grid-template-columns:minmax(0,1fr)}.account-card{padding:24px 20px}}
.account-card{min-height:380px}
.account-pending #accountForms,.account-pending #accountSigned{display:none!important}
.account-pending #accountLoading{display:block!important;padding:30px 0;color:var(--muted)}