.sidebar .user-chip {
  margin-top: 16px;
  padding: 12px 8px;
  border: 1px solid transparent;
  border-radius: 16px;
  transition: background .15s, border-color .15s;
}
.sidebar .user-chip:hover {
  background: #ffffff70;
  text-decoration: none;
}
.sidebar .user-chip.active {
  background: #fff;
  border-color: #d9e2dd;
}
.user-chip > div { min-width: 0; }
.user-chip strong { font-size: 12px; }
.user-chip small { white-space: nowrap; }
.account-sections {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 28px;
  margin-bottom: 28px;
  border-bottom: 1px solid var(--line);
}
.account-sections a {
  padding: 11px 15px;
  min-height:44px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius: 999px;
  background: #f1f5f3;
  font-size: 13px;
  text-align: center;
}
.account-sections a:hover {
  background: var(--sage);
  text-decoration: none;
}
.account-page section[id] { scroll-margin-top: 24px; }
.account-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}
.account-section-heading h2 { margin-bottom: 8px; }
.account-section-heading p { margin-bottom: 0; font-size: 13px; }
.account-section-heading .badge { flex-shrink: 0; }
.account-settings-form{max-width:650px}
.account-panel[hidden]{display:none}
.account-panel:focus-visible{outline:2px solid #738f81;outline-offset:5px;border-radius:16px}
.account-sections a[aria-selected="true"]{background:var(--ink);color:#fff}
@media (max-width: 520px) {
  .account-sections { display:grid;grid-template-columns:.8fr .9fr 1.4fr;gap:5px;padding-bottom:20px;margin-bottom:24px; }
  .account-sections a { padding:8px 5px;font-size:12px;line-height:1.3; }
  .account-section-heading { flex-wrap: wrap; gap: 10px; }
  .account-page h2 { font-size: 21px; }
  .account-page button, .account-page .button { width: 100%; }
}

.account-logout{flex-shrink:0}.account-logout button{gap:8px;min-height:44px}.account-logout svg{flex-shrink:0}