/* Tasks. Builds on the shared styles in style.css. */

.task-name { margin: -8px 0 0; }
.task-instructions { margin: 0; font-size: 0.92rem; line-height: 1.45; overflow-wrap: anywhere; }
.task-query { margin: 0; padding: 12px; white-space: pre-wrap; overflow-x: auto; }

/* What a task's query returns: as many columns as it has, so it scrolls sideways on phones. */
.task-table-wrap { padding: 0; overflow-x: auto; }
.task-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.task-table th, .task-table td { padding: 8px 10px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--border); }
.task-table th { font-weight: 600; color: var(--muted); white-space: nowrap; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.78rem; }
.task-table td { max-width: 320px; overflow-wrap: anywhere; }
.task-table td.right { text-align: right; }
.task-table tbody tr:last-child td { border-bottom: 0; }
.task-row-open { cursor: pointer; }
.task-row-open:hover, .task-row-open:focus-visible { background: var(--surface-2); outline: none; }