/* Account activity list (account-activity-ui.js). Uses the site's theme variables. */
.account-activity .activity-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.account-activity .activity-head h2{margin:0}
.activity-sub{color:var(--muted);font-size:12px}
.activity-filters{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 14px}
.activity-filters .activity-chip{padding:5px 11px;border-radius:999px;font-size:12px;line-height:1.3}
.activity-filters .activity-chip[aria-pressed="true"]{border-color:var(--accent);color:var(--accent);font-weight:600}
.activity-month h3{font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin:16px 0 4px;font-weight:600}
.activity-month ul{list-style:none;margin:0;padding:0}
.activity-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--border)}
.activity-month li:first-child{border-top:0}
.activity-date{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.activity-what{display:flex;flex-direction:column;gap:2px;min-width:0}
.activity-what strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.activity-what small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.activity-amount{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.activity-amount.activity-in{color:var(--return-gain,#39ff88)}
body.light .activity-amount.activity-in{color:var(--return-gain,#087046)}
.activity-row:before{content:none}
.activity-more{margin-top:12px}
.activity-empty{color:var(--muted)}
@media(max-width:520px){.activity-row{grid-template-columns:48px minmax(0,1fr);row-gap:2px}.activity-amount{grid-column:2;justify-self:start;font-size:13px}}