.settings-body { background: #fff; }
.settings-shell { padding-bottom: 12px; }
.settings-title { margin-bottom: 2px !important; }
.settings-account-card { display: flex; align-items: center; gap: 16px; }
.settings-account-avatar { flex: 0 0 72px; width: 72px; height: 72px; display: grid; place-items: center; overflow: hidden; object-fit: cover; background: #fff; border: 1px solid var(--my-border); border-radius: 50%; box-shadow: 0 5px 14px rgb(59 53 47 / 7%); }
.settings-account-copy { min-width: 0; }
.settings-account-copy h2 { margin: 0 0 5px; overflow-wrap: anywhere; color: var(--my-text); font-size: 22px; }
.settings-account-copy p { margin: 0; overflow-wrap: anywhere; font-size: 14px; }
.settings-account-card .main-button { margin-left: auto; }
.settings-group { overflow: hidden; padding: 0 !important; }
.settings-group h2 { margin: 0; padding: 20px 22px 10px; color: var(--my-text-muted); font-size: 14px; font-weight: 700; }
.settings-list { display: grid; }
:is(.settings-body, .profile-body) .settings-row { width: 100%; min-height: 58px; padding: 15px 22px; display: flex; align-items: center; justify-content: space-between; gap: 14px; color: var(--my-text); background: #fff; border: 0; border-top: 1px solid var(--my-border); border-radius: 0; box-shadow: none; font: inherit; font-size: 16px; font-weight: 600; text-align: left; text-decoration: none; }
:is(.settings-body, .profile-body) .settings-row::after { content: "›"; color: var(--my-text-muted); font-size: 24px; font-weight: 400; }
:is(.settings-body, .profile-body) .settings-row:hover { color: var(--my-olive-dark); background: #fafbf8; border-color: var(--my-border); transform: none; }
:is(.settings-body, .profile-body) .settings-row.danger-row { color: #8c3c3c; }
:is(.settings-body, .profile-body) .settings-row[data-action="logout"]::after { content: ""; }
:is(.settings-body, .profile-body) .settings-row:disabled { color: #aaa6a0; background: #fff; border-color: var(--my-border); box-shadow: none; cursor: default; opacity: 1; }
.settings-footer { padding: 6px 0 calc(10px + env(safe-area-inset-bottom)); color: var(--my-text-muted); text-align: center; font-size: 12px; line-height: 1.7; }
.settings-footer strong { display: block; color: var(--my-text); font-size: 13px; }
.delete-account-panel h1 { margin-bottom: 14px; }
.delete-account-list { margin: 18px 0; padding-left: 22px; color: var(--my-text-muted); line-height: 1.8; }
.delete-confirm-note { padding: 14px 16px; color: #7c3b3b !important; background: #fbf3f3; border: 1px solid #ead4d4; border-radius: 16px; }
:is(.settings-body, .profile-body) .delete-account-panel form { margin-top: 22px; }
:is(.settings-body, .profile-body) .delete-submit { color: #fff; background: #8c3c3c; border-color: #8c3c3c; }
:is(.settings-body, .profile-body) .delete-submit:hover { background: #773030; border-color: #773030; }
.settings-shell-embedded { display: grid; gap: 26px; }
@media (max-width: 360px) { .settings-account-card { align-items: flex-start; flex-wrap: wrap; }.settings-account-card .main-button { width: 100%; margin-left: 0; }:is(.settings-body, .profile-body) .settings-row { padding-inline: 18px; } }