/* Agents uses the content shell; this file owns only operational layout. */
.agents-page{--ui-section-gap:52px;position:relative;z-index:1;padding-right:var(--page-pad);padding-left:var(--page-pad);padding-bottom:80px}
.agents-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;height:var(--content-hero-height)}
.agents-hero .content-title{font-family:var(--font-serif);font-synthesis:none;letter-spacing:-.045em}
#agents-overview{align-self:flex-end;padding-bottom:10px}
.agents-shell{max-width:var(--content-page-width);margin:auto}
[data-agent="vellum"],.cleaning{--agent-color:rgb(var(--agent-rgb));--agent-rgb:var(--agent-news-rgb);}
[data-agent="daily_report"],.selection{--agent-color:rgb(var(--agent-rgb));--agent-rgb:var(--agent-daily-rgb);}
[data-agent="review_assistant"],.review{--agent-color:rgb(var(--agent-rgb));--agent-rgb:var(--agent-review-rgb);}
[data-agent="crypto_yield"],.crypto{--agent-color:rgb(var(--agent-rgb));--agent-rgb:var(--agent-finance-rgb)}
[data-agent="report_hub"],.research{--agent-color:rgb(var(--agent-rgb));--agent-rgb:var(--agent-research-rgb);}
.agents-shell :is(h2,h3,p){margin:0}
.agents-shell h2{font-size:var(--ui-section-size);font-weight:var(--ui-weight-semibold);line-height:var(--ui-label-leading);}
.agents-shell button,.agents-shell select{font-family:var(--font-sans)}
.agents-shell button:focus-visible,.agents-shell select:focus-visible{outline:1px solid var(--accent);outline-offset:4px}
.monitor-loading,.monitor-empty{padding:40px 0;color:var(--ink-muted);font-size:var(--ui-body-size)}
.monitor-error{color:var(--status-error);font-size:var(--ui-control-size);padding:16px 0}
.agent-todos-section{margin-bottom:var(--ui-section-gap)}
.agent-overview{display:flex;align-items:center;gap:34px;color:var(--ink-muted);font-size:var(--ui-control-size)}
.agent-overview>span{display:inline-flex;align-items:baseline;gap:10px}
.agent-overview strong{font-size:var(--ui-subsection-size);font-weight:var(--ui-weight-semibold);color:var(--ink);font-variant-numeric:tabular-nums}
.agent-overview .status-healthy{color:var(--status-idle)}
.agent-overview .status-working{color:var(--status-working)}
.agent-overview .status-attention{color:var(--status-attention)}
html[data-ui-palette=dark] .agent-overview .status-neutral{color:color-mix(in oklab,var(--ink) 75%,var(--paper))}
.agent-section-heading,.task-ledger-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:var(--ui-heading-gap)}
.agent-section-heading>p,.task-ledger-heading p{color:var(--ink-muted);font-size:var(--ui-control-size)}
/* Record table: the work title leads, metadata and routine success stay quiet. */
.task-ledger-heading{align-items:center}
.task-ledger-heading p{margin-top:8px}
.monitor-filters{display:flex;gap:16px}
.monitor-table-wrap{min-height:100px}
.monitor-table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left;font-size:var(--ui-control-size);line-height:var(--ui-label-leading);}
.monitor-table th{font-weight:var(--ui-weight-regular);color:var(--ink-muted)}
.monitor-table thead th{font-size:var(--ui-control-size);padding:0 14px 14px}
.monitor-table thead th:nth-child(1){width:14%}
.monitor-table thead th:nth-child(2){width:26%}
.monitor-table thead th:nth-child(3){width:38%}
.monitor-table thead th:nth-child(n+4){width:11%;text-align:right}
.monitor-table td{vertical-align:top;padding:13px 14px;color:var(--ink-soft)}
.monitor-table td:nth-child(n+4){text-align:right;font-variant-numeric:tabular-nums}
.monitor-table td.task-group-cell{padding:0}
.task-group-table col:nth-child(1){width:14%}
.task-group-table col:nth-child(2){width:26%}
.task-group-table col:nth-child(3){width:38%}
.task-group-table col:nth-child(n+4){width:11%}
.task-group-table td{padding-top:13px;padding-bottom:13px}
.task-cell-content{min-height:22px;display:flex;align-items:flex-start;flex-direction:row;align-items:baseline;gap:10px}
.monitor-table td:nth-child(n+4) .task-cell-content{justify-content:flex-end}
.task-cell-content em{font-style:normal;color:var(--ink-muted);font-size:var(--ui-control-size);}
.task-time-range{display:flex;flex-direction:row;align-items:baseline;gap:8px;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}
.task-time-range small{color:var(--ink-muted);font:inherit}
.task-next-attempt{color:var(--accent);font-size:var(--ui-control-size);}
.task-work{--ui-action-hover-color:color-mix(in srgb,var(--agent-color,var(--ink)) 75%,var(--ink));--ui-action-line-color:var(--agent-color,var(--ink));border:0;padding:0;background:none;color:var(--agent-color,var(--ink));font-size:var(--ui-body-size);font-weight:var(--ui-weight-semibold);text-align:left;line-height:var(--ui-body-leading);cursor:pointer}
.task-status.succeeded{color:var(--status-idle)}
.task-status.running{color:var(--status-working)}
.task-status:is(.pending,.held){color:var(--status-attention)}
.task-status.failed{color:var(--status-error)}
.task-outcome{gap:12px;min-width:0;flex-wrap:nowrap}
.task-result{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-muted)}
.task-result.warning{color:var(--status-attention)}
.task-result:is(.failed,.error){color:var(--status-error)}
.task-result .task-warning-brief{color:inherit;overflow-wrap:anywhere}
.task-date-row th{padding:20px 0 6px}
.task-date-toggle{--ui-side-link-hover-background:transparent;justify-content:space-between;padding:12px 14px;color:var(--ink);font-size:var(--ui-subsection-size);font-weight:var(--ui-weight-semibold);}
.task-date-toggle small{font-size:var(--ui-control-size);font-weight:var(--ui-weight-regular);color:var(--ink-muted);margin-left:14px}
.task-date-toggle>i{width:7px;height:7px;margin-right:3px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--ui-state-enter-duration) var(--ui-expand-ease),--ui-text-emphasis var(--ui-hover-duration) var(--ui-hover-ease)}
.task-date-toggle.expanded>i{transform:translateY(2px) rotate(225deg)}
@media(prefers-reduced-motion:reduce){.agents-shell *:not(.ui-expand-panel),.agents-shell *::after,.agents-shell *::before,.agent-overview{animation:none;transition:none}}

.agents-data{min-width:0}
@media(prefers-reduced-motion:reduce){.agents-data{animation:none}}


.task-status{color:var(--ink-muted);flex-shrink:0}
.task-detail{font-size:var(--ui-control-size);}