/* =============================================================================
   COMPONENT: catch-up — the "since you were last here" card on Today (D-05).
   Prototype: white card, bold title row + timestamp, muted activity lines.
   ========================================================================== */
@layer components {
  .catch-up {
    display: grid;
    gap: var(--space-sm);
  }

  .catch-up__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-sm);
  }

  .catch-up__title {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    margin: 0;
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    line-height: var(--leading-snug);
  }

  .catch-up__when {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    white-space: nowrap;
    flex: none;
  }

  .catch-up__misses { margin: 0; }

  .catch-up__activity {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: var(--space-2xs);
  }

  .catch-up__activity li {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--color-text-muted);
    font-size: var(--text-sm);
  }

  .catch-up__activity svg { flex: none; color: var(--color-text-muted); }
}
