.account-app { max-width: 40rem; display: grid; gap: 1.25rem; }
.account-card {
    background: var(--surface, #fff);
    border: 1px solid var(--border, #d9dee5);
    border-radius: var(--card-radius, 12px);
    padding: 1.25rem;
}
.account-card h3 { margin-top: 0; }
.account-card label { display: block; font-weight: 600; margin: 1rem 0 0.25rem; }
.account-card input, .account-card textarea {
    width: 100%;
    font: inherit;
    padding: 0.6rem 0.7rem;
    border: 1px solid var(--border, #c8ced6);
    border-radius: 8px;
}
.account-actions { margin-top: 1rem; }
.account-row { padding: 0.6rem 0; border-top: 1px solid var(--border, #d9dee5); }
.account-row:first-of-type { border-top: 0; }
.account-badge { margin-left: 0.5rem; padding: 0.1rem 0.5rem; border-radius: 999px; background: rgba(0, 0, 0, 0.07); font-size: 0.85em; }
.account-status { min-height: 1.4rem; margin: 0.6rem 0 0; }
.account-status.is-error { color: #b42318; }
.account-foot { margin: 0; }
.account-link { background: none; border: 0; padding: 0; color: inherit; text-decoration: underline; cursor: pointer; font: inherit; }