/*
 * A chronological feed of what happened (an objective's check-ins), newest
 * first. The empty-state item hides itself as soon as a real entry exists,
 * including one a turbo_stream prepends.
 */
@layer components {
  .activity-feed {
    list-style: none;
    padding: 0;

    & > li {
      max-inline-size: none;
    }

    & > li + li {
      margin-block-start: 0;
    }
  }

  .activity-feed__empty {
    color: var(--color-muted);

    &:not(:only-child) {
      display: none;
    }
  }

  .activity-item {
    display: grid;
    gap: var(--space-1);
    padding-block: var(--space-3);
    border-block-end: var(--border);

    & > * {
      margin: 0;
      max-inline-size: var(--width-reading);
    }
  }

  .activity-item__text {
    font: var(--text-small);
  }

  .activity-item__note {
    padding-inline-start: var(--space-3);
    border-inline-start: 2px solid var(--color-line);
    white-space: pre-line;
  }

  .activity-item__meta {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font: var(--text-small);
    color: var(--color-subtle);

    & > * + * {
      margin: 0;
    }
  }
}