/* agent/_turn_activity.html.erb — the live activity of a turn: the current
 * step line (the .agent-status pill of agent-show.css), the progress bar
 * (progress.css) and the collapsible list of steps. Same type size and muted
 * colour as the status pill, so it reads as one family. */

.agent-activity {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
}

/* The line can be a long model-chosen label; let it wrap rather than overflow. */
.agent-activity-current { align-items: flex-start; max-width: 100%; }
.agent-activity-line { overflow-wrap: anywhere; }

.agent-activity-steps { padding-inline: var(--spacing-4); }

.agent-activity-steps-toggle {
  cursor: pointer;
  width: fit-content;
  font-size: var(--font-size-12);
  line-height: 1rem;
  color: var(--text-tertiary);

  &:hover { color: var(--text-primary); }
}

/* Shared by the live panel and a past reply's disclosure (past.css). */
.agent-activity-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  margin: var(--spacing-8) 0 0;
  padding: 0;
  list-style: none;
}