.tasks-index-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(290px, 1fr); gap: 28px; align-items: start; }
.webhook-panels { display: grid; gap: 20px; min-width: 0; align-content: start; }
.webhook-delivery { padding: 12px 0; border-bottom: 1px solid #dedede; overflow-wrap: anywhere; }
.workbench-card { background: #fff; border: 1px solid #dedede; border-radius: 12px; padding: 22px; min-width: 0; }
.workbench-card h2 { font-size: 19px; }
.workbench-card h3 { font-size: 14px; }
.workbench-form { margin-top: 22px; }
.workbench-form input:not([type=hidden]):not([type=submit]), .workbench-form textarea, .workbench-form select { width: 100%; min-width: 0; border: 1px solid #ccc; border-radius: 6px; padding: 11px 12px; font: inherit; font-size: 14px; background: #fff; line-height: 1.5; }
.workbench-form textarea { resize: vertical; }
.workbench-form .field { margin-bottom: 18px; }
.workbench-form .field label { font-size: 12px; }
.workbench-form input:focus-visible, .workbench-form textarea:focus-visible, .workbench-form select:focus-visible { outline: 2px solid #000; outline-offset: 2px; }
.workbench-form .tool-selection { min-width: 0; border: 1px solid #dedede; border-radius: 8px; padding: 14px; }
.workbench-form .tool-selection > legend, .workbench-form .tool-provider > legend { padding: 0 5px; font-size: 12px; font-weight: 700; }
.workbench-form .tool-provider { min-width: 0; margin: 14px 0; border: 1px solid #eee; border-radius: 6px; padding: 10px; }
.workbench-form .tool-option { display: flex; align-items: flex-start; gap: 10px; margin: 10px 0; font-weight: 400; line-height: 1.45; }
.workbench-form .tool-option input[type=checkbox] { flex: 0 0 18px; width: 18px; min-width: 18px; height: 18px; margin: 1px 0 0; padding: 0; accent-color: #000; }
.workbench-form .tool-option span { display: grid; gap: 3px; min-width: 0; }
.workbench-form .tool-option small { color: #666; font-size: 11px; font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; }
.workbench-form .tool-selection > .field-help { margin-bottom: 12px; }
.workbench-form .tool-limits { display: inline-block; width: calc(50% - 8px); vertical-align: top; }
.field-help, .workbench-note { color: #666; font-size: 12px; line-height: 1.6; margin: 8px 0 0; }
.task-list { display: grid; gap: 12px; }
.task-list-card { color: inherit; text-decoration: none; display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 23px; border: 1px solid #dedede; border-radius: 12px; background: #fff; }
.task-list-card:hover { border-color: #000; }
.task-list-card h3 { font-size: 17px; margin: 0 0 8px; overflow-wrap: anywhere; }
.task-list-card p { margin: 0; font-size: 13px; color: #666; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.task-list-card .quiet-label { white-space: nowrap; }
.task-heading { display: flex; justify-content: space-between; gap: 20px; align-items: start; margin-bottom: 28px; }
.task-heading h1 { font-size: 32px; line-height: 1.15; letter-spacing: -.04em; margin: 16px 0 10px; overflow-wrap: anywhere; }
.task-heading p { color: #666; font-size: 14px; margin: 0; white-space: pre-wrap; }
.stage-workbench { display: grid; grid-template-columns: 190px minmax(300px, 1.1fr) minmax(280px, 1fr); gap: 20px; align-items: start; }
.stage-sidebar { min-width: 0; }
.stage-sidebar .section-heading { margin-top: 0; }
.stage-sidebar h2 { font-size: 16px; }
.stage-list { list-style: none; margin: 0; padding: 0; }
.stage-list li { display: flex; align-items: center; border-left: 3px solid transparent; margin: 6px 0; border-radius: 0 7px 7px 0; }
.stage-list li.selected { background: #fff; border-color: #2aea33; }
.stage-list li > a { min-width: 0; padding: 13px 8px; display: flex; gap: 10px; color: #000; text-decoration: none; font-size: 13px; font-weight: 600; flex: 1; overflow-wrap: anywhere; }
.stage-number { font-size: 11px; color: #777; margin-top: 2px; flex-shrink: 0; white-space: nowrap; }
.stage-label { display: grid; gap: 6px; min-width: 0; }
.stage-label small { color: #666; font-size: 11px; font-weight: 400; line-height: 1.5; }
.task-cost-summary { display: grid; gap: 7px; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.task-cost-summary > span { color: #666; }
.task-cost-summary > strong { font-size: 16px; font-variant-numeric: tabular-nums; }
.cost-estimate-details { color: #666; font-size: 11px; }
.cost-estimate-details summary { cursor: pointer; text-decoration: underline; }
.cost-estimate-details p { margin: 8px 0; }
.stage-cost-preview { font-size: 12px; line-height: 1.6; margin: 16px 0; }
.stage-cost-preview span { color: #666; }
.stage-order { display: flex; }
.stage-order button { border: 0; background: none; padding: 8px 5px; cursor: pointer; }
.add-stage { border-top: 1px solid #ddd; padding-top: 20px; }
.button-secondary { background: #fff; color: #000; border: 1px solid #ccc; }
.workbench-form .button, .run-history .button { font-size: 12px; padding: 12px 15px; border-radius: 6px; }
.button:disabled { opacity: .55; cursor: wait; }
.editor-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.editor-heading > span { font-size: 11px; color: #666; }
.editor-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.lifecycle-action { margin-top: 20px; }
.task-filters { margin-bottom: 24px; }
.task-filters [aria-current="page"] { border-color: #111; font-weight: 700; }
.editor-message { min-height: 20px; font-size: 12px; line-height: 1.6; margin-bottom: 0; }
.stage-results { min-width: 0; }
.stage-results .monday-operation-panel { margin: 12px 0 18px; padding: 22px; }
.stage-results .monday-operation-heading { flex-direction: column; gap: 12px; }
.stage-results .monday-column-values > div { grid-template-columns: minmax(0, 1fr); gap: 5px; }
.stage-results .workbench-card + .workbench-card { margin-top: 18px; }
.run-context { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: #666; font-size: 11px; margin: 16px 0; }
.mode-badge { font-size: 9px; letter-spacing: .06em; padding: 5px 7px; border: 1px solid #ddd; border-radius: 4px; }
.run-status { white-space: nowrap; padding: 5px 8px; border-radius: 4px; background: #f4f4f4; }
.run-status-succeeded { border-left: 3px solid #2aea33; }
.run-status-failed, .run-status-uncertain { border: 1px solid #000; color: #000 !important; }
.result-placeholder { text-align: center; padding: 45px 5px; color: #666; }
.result-placeholder > span { display: block; color: #000; font-size: 32px; margin-bottom: 18px; }
.result-placeholder h3 { color: #000; }
.result-placeholder p { font-size: 13px; line-height: 1.7; }
.run-output, .run-snapshot pre, .comparison-text { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 13px; line-height: 1.7; background: #f7f7f7; border: 1px solid #eee; border-radius: 6px; padding: 14px; max-height: 430px; overflow: auto; }
.run-error { border-left: 3px solid #000; background: #f6f6f6; padding: 14px; font-size: 13px; line-height: 1.6; }
.run-error small { overflow-wrap: anywhere; }
.run-progress { font-size: 13px; line-height: 1.8; }
.run-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 12px; font-size: 11px; margin: 20px 0; }
.run-metrics dt { color: #777; margin-bottom: 6px; }
.run-metrics dd { margin: 0; line-height: 1.5; overflow-wrap: anywhere; }
.run-snapshot, .task-settings { border-top: 1px solid #ddd; padding-top: 14px; font-size: 12px; margin-top: 18px; }
.run-snapshot summary, .task-settings summary { cursor: pointer; }
.reuse-input { border: 0; padding: 0; background: none; cursor: pointer; font: inherit; font-size: 12px; text-decoration: underline; margin-top: 18px; }
.provider-reference { font-size: 10px; color: #777; overflow-wrap: anywhere; }
.run-list { margin: 18px 0; }
.run-list-row { display: flex; gap: 10px; align-items: flex-start; padding: 12px 8px; border-top: 1px solid #eee; }
.run-list-row.current { border-left: 2px solid #2aea33; background: #fafafa; }
.run-list-row a { display: grid; gap: 5px; font-size: 11px; color: #666; text-decoration: none; min-width: 0; overflow-wrap: anywhere; }
.run-list-row strong { color: #000; font-size: 12px; }
.run-list-row input { margin-top: 1px; accent-color: #000; }
.run-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 26px; }
.stage-welcome { grid-column: span 2; }
@media (max-width: 1250px) { .stage-workbench { grid-template-columns: 160px minmax(0, 1fr); } .stage-results { grid-column: 2; } .stage-sidebar { grid-row: span 2; } .stage-welcome { grid-column: 2; } }
@media (max-width: 750px) { .tasks-index-grid, .stage-workbench, .run-comparison { grid-template-columns: minmax(0, 1fr); } .stage-results, .stage-sidebar, .stage-welcome { grid-column: 1; grid-row: auto; } .task-heading { flex-direction: column; } .workbench-card { padding: 18px; } .stage-sidebar { border-bottom: 1px solid #ddd; padding-bottom: 20px; } .task-list-card { padding: 18px; } }
@media (max-width: 500px) { .workbench-form .tool-limits { display: block; width: 100%; } }
.execution-evidence { margin: 18px 0; padding: 16px; border: 1px solid #d8d8d8; border-radius: 8px; font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; }
.execution-evidence h3 { margin: 0 0 12px; }
.evidence-actions { list-style: none; margin: 12px 0 0; padding: 0; }
.evidence-actions li { padding: 10px 0; border-top: 1px solid #e5e5e5; }
.evidence-actions strong, .evidence-actions span { display: block; overflow-wrap: anywhere; }
.prompt-model-turn { border-left: 2px solid #bbb; padding: 0 0 8px 14px; margin-top: 20px; min-width: 0; }
.prompt-tool-call { background: #f7f7f7; padding: 12px; margin: 12px 0; border: 1px solid #ddd; border-radius: 6px; }
.prompt-model-turn h4 { margin: 8px 0; }
.prompt-model-turn summary { overflow-wrap: anywhere; }
@media (max-width: 500px) { .execution-evidence { padding: 12px; } .prompt-model-turn { padding-left: 10px; } }