/* agent-ui / task-list — rows + capsules (formerly task-rows) */
/* agent-ui / task-rows — first-class component (promoted from host extracts). */
/* 06 Task rows */
.au-task-rows { display: grid; gap: 8px; }
.au-task-row {
  background: var(--au-surface);
  border: 1px solid var(--au-border-color);
  border-radius: var(--au-radius-md);
  padding: 10px 12px;
}
.au-task-row > summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  list-style: none;
}
.au-task-row > summary::-webkit-details-marker { display: none; }
.au-task-row[open] > summary .au-task-row__meta {
  color: var(--au-fg);
}
.au-task-rows .au-task-row {
  animation: au-task-row-in 280ms var(--au-ease) both;
}
.au-task-rows .au-task-row:nth-child(2) { animation-delay: 40ms; }
.au-task-rows .au-task-row:nth-child(3) { animation-delay: 80ms; }
.au-task-rows .au-task-row:nth-child(4) { animation-delay: 120ms; }
@media (prefers-reduced-motion: reduce) {
  .au-task-rows .au-task-row { animation: none; }
}
.au-task-row__index {
  color: var(--au-fg-subtle);
  font: 500 12px/1 var(--au-font-mono);
  min-width: 1.2rem;
}
.au-task-row__title { color: var(--au-fg); flex: 1; font: 500 13px/1.3 var(--au-font-sans); }
.au-task-row__meta { color: var(--au-fg-muted); font: 400 12px/1.3 var(--au-font-sans); }
.au-task-row__body {
  color: var(--au-fg-muted);
  font: 400 13px/1.45 var(--au-font-sans);
  margin: 8px 0 0;
  padding-left: calc(1.2rem + 10px);
}
.au-task-capsules { display: flex; flex-wrap: wrap; gap: 8px; }
.au-task-capsule {
  background: var(--au-surface);
  border: 1px solid var(--au-border-color);
  border-radius: var(--au-radius-pill);
  color: var(--au-fg-muted);
  font: 400 12px/1.3 var(--au-font-sans);
  padding: 6px 10px;
}

@keyframes au-task-row-in {
  from { opacity: 0; transform: translateY(3px); }
  to { opacity: 1; transform: translateY(0); }
}


.au-task-list { display: contents; }