.chat-list-item-meta {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.chat-run-list-status {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 1px 7px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill, 999px);
  color: var(--color-text-muted);
  font-size: 11px;
  line-height: 1;
}

.chat-run-list-status.running,
.chat-run-list-status.queued {
  color: var(--color-accent-blue);
  border-color: color-mix(in srgb, var(--color-accent-blue) 35%, var(--color-border));
}

.chat-run-list-status.completed,
.chat-run-list-status.succeeded,
.chat-run-list-status.partial_usable,
.chat-run-list-status.blocked_user_decision {
  color: var(--color-success);
  border-color: color-mix(in srgb, var(--color-success) 35%, var(--color-border));
}

.chat-run-list-status.failed,
.chat-run-list-status.review_required,
.chat-run-list-status.blocked_scope,
.chat-run-list-status.blocked_cost,
.chat-run-list-status.provider_failed,
.chat-run-list-status.model_failed,
.chat-run-list-status.truncated,
.chat-run-list-status.cancelled {
  color: var(--color-error);
  border-color: color-mix(in srgb, var(--color-error) 35%, var(--color-border));
}

.chat-activity.queued .chat-activity-progress > span {
  width: 18%;
}

.chat-activity.review-required .chat-activity-progress > span {
  width: 100%;
  background: var(--color-error);
}