/* workagents.js: the Agents mode's styles — one card per agent profile on
 * our tokens: the mark and name, one counts line, then the task list, each
 * row 44px and deep-linked. Tokens only. */

.work-agents { margin-top: var(--sv-space-3); display: grid; grid-template-columns: repeat(auto-fill, minmax(21rem, 1fr)); gap: var(--sv-space-3); align-items: start; }
.work-agents > .work-items-note, .work-agents > .board-empty { grid-column: 1 / -1; margin: 0 0 var(--sv-space-2); }

.work-acard { display: flex; flex-direction: column; gap: var(--sv-space-2); padding: var(--sv-space-3); border: var(--sv-hairline-w) solid var(--sv-hairline); border-radius: calc(var(--sv-radius) * 1.5); background: var(--sv-surface-raised); }
.work-acard-head { display: flex; align-items: center; gap: var(--sv-space-2); }
.work-acard-name { font-size: var(--sv-text-h4); font-weight: 600; overflow-wrap: anywhere; }
/* The name opens the agent on the Agents page: ink, underlined on hover only. */
a.work-acard-name { color: inherit; text-decoration: none; }
a.work-acard-name:hover { text-decoration: underline; }
.work-acard-head .fleet-avatar { --size: 28px; }
.work-acard-head .track-avatar { width: 24px; height: 24px; flex: none; }
.work-acard-counts { margin: 0; color: var(--sv-ink-tertiary); font-size: var(--ui-meta); font-variant-numeric: tabular-nums; }

.work-acard-tasks { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.work-acard-task { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sv-space-2); min-height: 44px; padding: var(--sv-space-2) 0; border-top: var(--sv-hairline-w) solid var(--sv-hairline); cursor: pointer; font-size: var(--ui-meta); }
.work-acard-task:first-child { border-top: 0; }
.work-acard-task:hover .work-acard-task-title { text-decoration: underline; }
.work-acard-task-dot { flex: none; width: 8px; height: 8px; border-radius: 999px; background: var(--sv-hairline-strong); }
.work-acard-task[data-tone="done"] .work-acard-task-dot { background: var(--ws-working); }
.work-acard-task[data-tone="good"] .work-acard-task-dot { background: var(--ws-working-ink); }
.work-acard-task[data-tone="review"] .work-acard-task-dot { background: var(--sv-attention); }
.work-acard-task[data-tone="bad"] .work-acard-task-dot { background: var(--sv-danger); }
.work-acard-task-title { flex: 1 1 12rem; min-width: 0; font-weight: 500; font-size: var(--ui-text); color: inherit; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.work-acard-task-goal { flex-basis: 100%; order: 5; color: var(--sv-ink-tertiary); font-size: var(--ui-meta); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---- phone ---- */
@media (max-width: 640px) {
  .work-agents { grid-template-columns: minmax(0, 1fr); }
}