[hidden] { display: none !important; }
.agent-task { background: var(--color-surface); border: 1px solid var(--color-accent-line); border-radius: 13px; padding: 22px; margin: 22px 0; box-shadow: var(--shadow); }
.agent-task-heading { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 19px; }
.agent-task-heading > div { min-width: 0; flex: 1; }
.agent-task-heading h3 { margin: 0 0 5px; font-size:var(--font-md); }
.agent-task-heading p { margin: 0; font-size:var(--font-xs); color: var(--muted); }
.agent-task-heading > .pill { white-space: normal; }
.agent-avatar { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; height: 36px; color: var(--blue); background: var(--blue-light); border-radius: 9px; }
.agent-task .form-field input,
.agent-task .form-field select { min-height: 44px; }
.agent-task .form-grid { gap: 0 18px; }
.agent-task .form-field select { text-overflow: ellipsis; }
.agent-card-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 17px; }
.agent-card-actions .btn { white-space: normal; text-align: left; }
.agent-inline-error { font-size:var(--font-xs); color: var(--color-danger); margin: 12px 0 0; }
.agent-inline-error:empty { display: none; }
.agent-plan-details { display: grid; grid-template-columns: 140px minmax(0,1fr); gap: 11px 16px; font-size:var(--font-xs); line-height: 1.7; margin: 0 0 18px; }
.agent-plan-details dt { color: var(--muted); }
.agent-plan-details dd { margin: 0; overflow-wrap: anywhere; }
.agent-plan-steps { background: var(--color-canvas); border-radius: 9px; font-size:var(--font-xs); line-height: 1.7; padding: 15px 16px 15px 35px; }
.agent-plan-steps li + li { margin-top: 8px; }
.agent-plan-sources { padding: 4px 0 12px; }
.agent-plan-sources > b { display: block; font-size:var(--font-xs); margin-bottom: 8px; }
.agent-citation { display: inline-flex; align-items: flex-start; gap: 6px; border: 0; background: transparent; padding: 5px 0; color: var(--blue); text-align: left; font-size:var(--font-xs); line-height: 1.5; overflow-wrap: anywhere; }
.agent-citation svg { width: 15px; height: 15px; margin-top: 1px; }
.agent-citation:hover span { text-decoration: underline; }
.agent-answer-steps { margin-top: 18px; }
.agent-answer-steps section + section { border-top: 1px solid var(--line); padding-top: 15px; margin-top: 15px; }
.agent-answer-steps h3 { font-size:var(--font-sm); }
.agent-answer-steps p { font-size:var(--font-sm); white-space: pre-line; margin-bottom: 5px; }
.agent-result-table { margin: 20px 0; }
.agent-result-table table { min-width: 650px; table-layout: fixed; }
.agent-result-table th:nth-child(1) { width: 26%; }
.agent-result-table th:nth-child(2) { width: 40%; }
.agent-result-table th:nth-child(3) { width: 34%; }
.agent-result-table td { overflow-wrap: anywhere; }
.agent-result-table p { margin: 8px 0 0; font-size:var(--font-xs); }
.agent-result-table blockquote { font-size:var(--font-xs); line-height: 1.7; border-left: 2px solid var(--color-accent-line); padding-left: 10px; margin: 0 0 8px; white-space: pre-line; }
.agent-result-table .pill { white-space: normal; }
.agent-audit { background: var(--color-canvas); border: 1px solid var(--line); border-radius: 8px; padding: 12px; margin-top: 17px; font-size:var(--font-xs); line-height: 1.6; }
.agent-audit summary { cursor: pointer; font-weight: 600; }
.agent-audit p { margin: 12px 0 0; }
.agent-audit ol { padding-left: 20px; }
.text-view mark { background: var(--color-warning-line); padding: 2px 0; border-radius: 2px; }
#scope-collections,#scope-documents { padding: 0 3px 15px; }
#scope-collections .search-input,#scope-documents .search-input { max-width: none; }
@media (max-width: 650px) {
  .agent-task { padding: 16px; }
  .agent-task-heading { flex-wrap: wrap; }
  .agent-task-heading > .pill { margin-left: 48px; }
  .agent-plan-details { grid-template-columns: 1fr; gap: 3px; }
  .agent-plan-details dd { margin-bottom: 10px; }
  .agent-result-table { margin-left: -5px; margin-right: -5px; }
}
.agent-task,.agent-result { scroll-margin-top: 110px; }
.agent-task:focus,.agent-result:focus { outline: 2px solid var(--color-accent-line); outline-offset: 3px; }
.agent-task .form-field[data-known="true"] { display: none; }
.agent-known-facts { font-size:var(--font-xs); line-height: 1.7; background: var(--color-canvas); border-radius: 8px; padding: 11px 13px; margin-bottom: 16px; }