.activity-action {
  width: 100%;
  font: inherit;
  text-align: left;
  color: inherit;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.activity-action:hover { background: #f7faf8; }
.activity-action:focus-visible { outline: 2px solid var(--teal); outline-offset: 2px; border-radius: 9px; }
.activity-empty { min-height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: var(--muted); }
.activity-empty span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--mint); color: var(--teal); margin-bottom: 9px; }
.activity-empty strong { color: var(--ink); font-size: 12px; }
.activity-empty p { max-width: 240px; font-size: 10px; line-height: 1.5; }
.activity-history { max-height: min(60vh, 560px); overflow: auto; margin: 20px -4px 0; padding: 0 4px; }
.activity-history .activity { padding: 14px 8px; border-radius: 9px; }
.activity-history .activity time { white-space: nowrap; }