/*
 * A task an agent Symbionia runs works on its own (task-run.js, 0104): how the work is going on the
 * task's page and under a row of the agent's Work tab. One left edge with the text around it; the
 * state in words, never colour alone; nothing scrolls sideways.
 */
.task-run{min-width:0;overflow-wrap:anywhere}
.task-run-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0}
.task-run-state{font-weight:700;font-size:.875rem}
.task-run-spent{font-size:.875rem;color:var(--muted)}
.task-run[data-state="RUNNING"] .task-run-state{color:var(--purple)}
.task-run[data-state="WAITING_ON_PERSON"] .task-run-state,.task-run[data-state="OUT_OF_BUDGET"] .task-run-state,.task-run[data-state="BLOCKED"] .task-run-state{color:var(--amber)}
.task-run[data-state="DONE"] .task-run-state{color:var(--green)}
.task-run[data-state="CANCELLED"] .task-run-state{color:var(--muted)}
.task-run-question{margin:0;line-height:1.55}
.task-run-question a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.task-run-result{margin:0}
.task-run-log{font-size:.8125rem}
.task-run-log summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}
.task-run-log ol{margin:4px 0 0;padding-inline-start:18px;display:grid;gap:4px}
.task-run-log time{color:var(--muted);margin-inline-end:4px}
.task-run-compact{display:grid;gap:4px;padding:0 16px 12px}
.task-run-compact .task-run-head{font-size:.8125rem}