.account-layout { width: min(100%, 620px); margin: 0 auto; padding: 24px 24px 70px; }
.account-layout .auth-panel { min-width: 0; }
.account-layout h2 { margin: 24px 0 12px; font-size: 1.5rem; }
.account-section { margin-top: 22px; }
.account-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.account-layout .public-button { max-width: 100%; }
.account-layout .auth-note { overflow-wrap: anywhere; }
.account-back { display: inline-flex; align-items: center; min-height: 44px; margin: -8px 0 14px; font-size: .8rem; color: var(--muted); }
.account-settings-list { display: grid; gap: 12px; }
.account-setting { display: flex; align-items: center; min-height: 84px; min-width: 0; gap: 14px; padding: 17px 18px; border: 1px solid var(--public-border); border-radius: 8px; background: var(--bg); text-decoration: none; }
.account-setting:hover, .account-setting:focus-visible { border-color: var(--warning); background: var(--surface-soft); }
.account-setting-copy { display: grid; gap: 4px; flex: 1; min-width: 0; }
.account-setting-copy strong { font-size: 1rem; }
.account-setting-detail { color: var(--muted); font-size: .8rem; overflow-wrap: anywhere; }
.account-setting-chevron { flex: 0 0 auto; color: var(--muted); font-size: 1.5rem; }
.account-setting-status { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 26px; width: 26px; height: 26px; border: 1px solid currentColor; border-radius: 50%; font-weight: 700; }
.account-setting-status--good { color: #a8d788; background: #87a85f18; }
.account-setting-status--warning { color: #f29683; background: #b85c4a18; }
.account-layout [role="alert"] { border-color: var(--danger); }
.telegram-connection { min-width: 0; }
.telegram-connection h2 { font-size: 1.15rem; margin: 0 0 12px; }
.telegram-connection .public-button { max-width: 100%; white-space: normal; }
.telegram-connection .auth-field { margin-bottom: 14px; }
#signupTelegram { padding-top: 20px; border-top: 1px solid rgba(174, 195, 157, .22); }
@media (max-width: 580px) {
  .account-layout { padding: 18px max(16px, env(safe-area-inset-right, 0px)) 50px max(16px, env(safe-area-inset-left, 0px)); }
  .account-actions { flex-direction: column; }
  .account-setting { padding: 16px 13px; gap: 10px; }
}