.data-panel { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 18px; }
.data-panel h2 { font: 700 19px Unbounded; letter-spacing: -.07em; }
.data-panel p { margin-top: 7px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.data-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.data-actions .outline-button { margin-left: 0; }
.danger-button { border: 1px solid #efb5c0; border-radius: 12px; padding: 11px 14px; color: #bd3651; font-size: 12px; font-weight: 800; }
.account-edit-modal { background: linear-gradient(155deg, #fff, #f3efff); }
.account-edit-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 17px; border-radius: 16px; background: #ede7ff; color: #7456e8; font-size: 25px; }
.account-edit-modal > p:not(.eyebrow):not(.form-error) { max-width: 330px; }
.account-edit-modal .form-error { min-height: 18px; margin: 12px 0 0; color: #bf3653; font-size: 12px; font-weight: 700; }
.account-edit-actions { display: flex; gap: 10px; margin-top: 13px; }
.account-edit-actions .outline-button { margin-left: 0; }
.account-edit-actions .button { flex: 1; }
@media (max-width: 760px) { .data-panel { align-items: stretch; flex-direction: column; } .data-actions { display: grid; grid-template-columns: 1fr; } .data-actions button { width: 100%; } }