@charset "UTF-8";
/* Task execution and handoff use the workspace's existing product foundation. */
.task-page-heading {margin-bottom:22px}
.task-page-heading .eyebrow {margin-bottom:6px}
.task-page-heading h1 {margin-bottom:8px}
.task-page-heading p {max-width:620px}
.task-workspace {display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}
.task-queue {min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.task-queue-head {display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 17px;border-bottom:1px solid var(--line)}
.task-queue-head h2 {font-size:14px;font-weight:600;margin:0}
.task-queue-head>span {color:var(--muted);font-size:12px;white-space:nowrap}
.task-queue-items {display:grid;gap:5px;padding:7px;max-height:660px;overflow:auto}
.task-queue-item {display:grid;gap:9px;text-align:left;background:transparent;border-color:transparent;padding:13px 11px;min-width:0;border-radius:8px}
.task-queue-item.selected {background:#edf4f1;border-color:#d5e5df}
.task-queue-item.selected:hover:not(:disabled) {background:#e8f1ed;border-color:#c8dcd3}
.task-queue-meta {display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}
.task-queue-meta .status-tag {font-size:11px;padding:2px 5px}
.task-queue-item strong {font-size:13px;font-weight:500;line-height:1.65;overflow-wrap:anywhere}
.task-queue-item>small {color:var(--muted);font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.task-detail {min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.task-detail-head {display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 22px;border-bottom:1px solid var(--line)}
.task-detail-head h2 {font-size:19px;font-weight:600;margin:0;line-height:1.5}
.task-detail-head .eyebrow {margin:0 0 3px;font-size:11px}
.task-edit-form {padding:20px 22px 0}
.task-edit-form>.field {margin:0 0 19px}
.task-edit-form input:not([type=checkbox]),.task-edit-form textarea {width:100%;font-size:13px}
.task-title-field input {font-size:14px!important}
.task-edit-form #task-goal {min-height:105px}
.task-edit-form #task-out-of-scope {min-height:76px}
.task-required {font-size:11px;font-weight:400;color:var(--muted);margin-left:5px}
.task-form-section {margin:23px 0;padding-top:20px;border-top:1px solid var(--line)}
.task-section-head {display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.task-section-head h3 {font-size:14px;font-weight:600;line-height:1.55;margin:0}
.task-section-head p {font-size:12px;color:var(--muted);margin:5px 0 0;line-height:1.7}
.task-section-head>span {font-size:11px;color:var(--muted);flex-shrink:0;padding-top:3px}
.task-section-head .small-btn {font-size:12px;padding:7px 10px;min-height:33px;flex-shrink:0}
.task-rule-choices {max-height:390px;overflow:auto;border:1px solid var(--line);border-radius:9px}
.task-choice {padding:12px 13px;border-bottom:1px solid var(--line);display:grid;gap:5px;background:#fff}
.task-choice:last-child {border-bottom:0}
.task-choice>label {display:flex;gap:9px;align-items:flex-start;cursor:pointer;margin:0}
.task-choice input[type=checkbox] {margin:4px 0 0;flex-shrink:0}
.task-choice>label>span {display:block;min-width:0}
.task-choice strong {font-size:12px;line-height:1.7;font-weight:500;overflow-wrap:anywhere}
.task-choice .mono {color:var(--muted);margin-right:5px;font-size:11px}
.task-choice small {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.75;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
.task-choice .evidence-link {margin-left:22px;font-size:11px;justify-self:start;padding:2px 0}
.task-choice .icon {width:13px;height:13px}
.task-choice-stale {background:#fcf8ef!important;color:var(--warn)}
.task-choice-stale small {color:var(--warn)}
.task-choice-empty {font-size:12px;color:var(--muted);line-height:1.8;margin:0;padding:14px}
.task-owner-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.task-owner-fields .field {margin:0;min-width:0}
.task-owner-fields label {font-size:12px}
.task-owner-fields input {padding:9px 10px}
.task-dependencies {padding-top:17px;border-top:1px solid var(--line);margin:0 0 22px}
.task-dependencies summary {font-size:13px;font-weight:500;cursor:pointer}
.task-dependencies summary span {color:var(--muted);font-size:11px;font-weight:400;margin-left:7px}
.task-dependencies>p {font-size:12px;color:var(--muted);margin:10px 0}
.task-dependencies>div {display:grid;gap:7px}
.task-dependency-choice {display:flex;gap:9px;align-items:flex-start;padding:10px 11px;background:#fafafb;border:1px solid var(--line);border-radius:7px;cursor:pointer;min-width:0}
.task-dependency-choice input {margin:4px 0 0;flex-shrink:0}
.task-dependency-choice>span {min-width:0}
.task-dependency-choice strong {font-size:12px;font-weight:500;overflow-wrap:anywhere;line-height:1.7}
.task-dependency-choice small {display:block;font-size:11px;color:var(--muted);margin-top:2px}
.task-readiness-note {border:1px solid #ecdcbc;border-radius:8px;background:#fcf8ef;padding:12px 14px;color:#805c2b;font-size:12px;line-height:1.75;margin:16px 0}
.task-readiness-note strong {font-weight:500}
.task-readiness-note ul {margin:7px 0 0;padding-left:18px}
.task-readiness-note p {margin:5px 0 0}
.task-live-validation:has(ul:empty) {display:none}
.task-form-footer {display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px -22px 0;padding:17px 22px;background:#fcfcfd;border-top:1px solid var(--line)}
.task-delete-btn {background:transparent;border-color:transparent;color:var(--muted);font-size:12px;padding:7px 5px}
.task-delete-btn:hover:not(:disabled) {color:var(--danger);background:var(--danger-soft);border-color:transparent}
.task-empty {padding:35px 32px;max-width:880px;min-height:265px}
.task-empty-symbol {display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);width:42px;height:42px;border-radius:11px;margin-bottom:18px}
.task-empty-symbol .icon {width:22px;height:22px}
.task-empty h2 {font-size:20px;font-weight:600;line-height:1.5;margin:0 0 10px}
.task-empty p {color:var(--muted);line-height:1.8;max-width:600px;font-size:13px;margin:0 0 22px}
.task-handoff-workspace {display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}
.task-handoff-main {min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 22px;overflow:hidden}
.task-handoff-head {display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:21px 0 18px}
.task-handoff-head h2 {font-size:20px;font-weight:600;line-height:1.6;margin:0;overflow-wrap:anywhere}
.task-handoff-head .eyebrow {font-size:11px;margin-bottom:5px}
.task-handoff-head>.actions {justify-content:flex-end;flex-shrink:0;padding-top:2px}
.task-handoff-head .evidence-link {font-size:12px}
.task-handoff-head .evidence-link .icon {width:14px;height:14px}
.task-handoff-scope {border-bottom:1px solid var(--line);padding-bottom:20px}
.task-handoff-scope>p {font-size:13px;line-height:1.9;margin:0 0 17px;white-space:pre-wrap;overflow-wrap:anywhere}
.task-scope-exclusion {display:flex;gap:13px;margin:0 0 17px;font-size:12px;line-height:1.8;color:var(--muted)}
.task-scope-exclusion>span {flex-shrink:0}
.task-scope-exclusion>p {margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.task-owner-summary {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0;padding:12px 14px;background:#fafafb;border-radius:8px}
.task-owner-summary>div {min-width:0}
.task-owner-summary dt {font-size:11px;color:var(--muted);margin:0 0 4px}
.task-owner-summary dd {font-size:12px;font-weight:500;margin:0;overflow-wrap:anywhere}
.task-dependency-summary {display:flex;flex-wrap:wrap;gap:7px 12px;font-size:11px;color:var(--muted);margin:13px 0 0;align-items:baseline}
.task-dependency-summary>span:not(:first-child) {color:var(--text);overflow-wrap:anywhere;line-height:1.8}
.task-dependency-summary small {color:var(--muted);font-size:11px;margin-left:6px}
.task-transfer-steps {list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:19px 0 20px}
.task-transfer-steps li {display:flex;align-items:flex-start;gap:9px;min-width:0}
.task-transfer-steps li>span {display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f0f0f3;color:#646771;font-size:11px;flex-shrink:0;margin-top:1px}
.task-transfer-steps li.step-recorded>span {background:var(--accent-soft);color:var(--accent)}
.task-transfer-steps strong {display:block;font-size:12px;font-weight:500;line-height:1.6}
.task-transfer-steps small {display:block;font-size:11px;line-height:1.7;color:var(--muted);margin-top:3px}
.task-prompt-section {border:1px solid var(--line);border-radius:10px;overflow:hidden}
.task-prompt-head {display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fafafb;border-bottom:1px solid var(--line);padding:13px 15px}
.task-prompt-head h3 {font-size:13px;font-weight:600;margin:0}
.task-prompt-head span {display:block;font-size:11px;color:var(--muted);margin-top:4px}
.task-prompt-head .small-btn {font-size:11px;padding:6px 9px;min-height:31px;flex-shrink:0}
.task-prompt-body {min-width:0;max-height:650px;overflow:auto;overscroll-behavior:contain}
.task-handoff-payload {margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.85 Consolas,"SFMono-Regular",monospace;padding:21px;background:#fff;color:#454750;min-width:0;max-width:100%}
.task-handoff-reading.handoff-readable {padding:21px;max-width:none;min-width:0;font-size:13px;line-height:1.9}
.task-handoff-reading :is(h1,h2,h3,h4) {line-height:1.6;margin:22px 0 10px;font-weight:600;overflow-wrap:anywhere}
.task-handoff-reading :is(h1,h2,h3,h4):first-child {margin-top:0}
.task-handoff-reading h1 {font-size:21px}
.task-handoff-reading h2 {font-size:17px}
.task-handoff-reading h3 {font-size:14px}
.task-handoff-reading h4 {font-size:13px}
.task-handoff-reading p {margin:0 0 12px;overflow-wrap:anywhere}
.task-handoff-reading :is(ul,ol) {padding-left:20px;overflow-wrap:anywhere}
.task-handoff-reading pre {max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
.task-handoff-reading code {overflow-wrap:anywhere}
.task-handoff-reading table {width:100%;table-layout:fixed;font-size:12px}
.task-handoff-reading :is(th,td) {overflow-wrap:anywhere}
.task-export-actions {display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 15px;border-top:1px solid var(--line);background:#fcfcfd}
.task-export-actions .small-btn {font-size:12px}
.task-prompt-preview {border-top:1px solid var(--line)}
.task-prompt-preview>summary {cursor:pointer;font-size:12px;color:var(--muted);padding:12px 15px}
.task-prompt-format {padding:0 15px 12px;display:flex;justify-content:flex-end}
.task-prompt-format .small-btn {font-size:11px;padding:6px 9px;min-height:31px}
.task-prompt-preview .task-prompt-body {max-height:420px;border-top:1px solid var(--line)}
.task-delivery-record {display:flex;justify-content:space-between;align-items:center;gap:17px;padding:18px 0;border-bottom:1px solid var(--line)}
.task-delivery-record strong {font-size:12px;font-weight:500;line-height:1.75}
.task-delivery-record p {font-size:11px;color:var(--muted);margin:3px 0 0;line-height:1.7}
.task-delivery-record>.small-btn {flex-shrink:0;font-size:12px}
.task-receipt-section {padding:21px 0 18px}
.task-receipt-section .field {margin:0 0 16px}
.task-receipt-section .field label {font-size:12px}
.task-receipt-section :is(input,textarea) {width:100%;font-size:13px}
.task-receipt-section textarea {min-height:80px}
.task-receipt-actions {display:flex;justify-content:space-between;gap:13px;flex-wrap:wrap;margin-top:18px}
.task-receipt-actions .small-btn {font-size:12px}
.task-receipt-note {font-size:11px;color:var(--muted);margin:11px 0 0}
.task-workspace-export {display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:14px 0;font-size:11px;color:var(--muted)}
.task-workspace-export .evidence-link {font-size:11px}
.task-workspace-export .icon {width:14px;height:14px}
#task-error:empty,#task-handoff-error:empty {display:none}
.source-start-layout {display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px}
.source-start-layout>* {min-width:0}
.source-start-layout .source-start-intake {border:1px solid var(--line);border-radius:12px;background:#fff;padding:20px}
.source-start-layout .source-start-intake h2 {font-size:16px;font-weight:600;margin:0 0 9px}
.source-start-layout .source-start-intake>p {font-size:12px;line-height:1.8;color:var(--muted)}
.source-start-layout :is(input,textarea) {max-width:100%}
@media(max-width:1180px) {
  .task-workspace,.task-handoff-workspace {grid-template-columns:210px minmax(0,1fr);gap:16px}
  .task-owner-fields {grid-template-columns:1fr;gap:12px}
  .task-owner-fields .field {display:grid;grid-template-columns:125px minmax(0,1fr);align-items:center;gap:9px}
  .task-owner-fields label {margin:0}
  .task-handoff-head {flex-wrap:wrap;gap:10px}
  .task-handoff-head>.actions {justify-content:flex-start}
  .source-start-layout {grid-template-columns:1fr}
}
@media(max-width:900px) {
  .task-workspace,.task-handoff-workspace {grid-template-columns:190px minmax(0,1fr);gap:14px}
  .task-detail-head {padding:17px 18px}
  .task-edit-form {padding:18px 18px 0}
  .task-form-footer {margin-inline:-18px;padding-inline:18px;flex-wrap:wrap}
  .task-handoff-main {padding-inline:18px}
  .task-transfer-steps {gap:10px}
  .task-transfer-steps small {font-size:10px}
  .task-owner-summary {gap:11px;padding:11px}
}
@media(max-width:650px) {
  .task-workspace,.task-handoff-workspace {grid-template-columns:minmax(0,1fr);gap:16px}
  .task-page-heading .heading-actions {gap:7px}
  .task-queue-head {padding:13px 14px}
  .task-queue-items {max-height:235px;display:grid;grid-template-columns:minmax(0,1fr);padding:6px}
  .task-queue-item {padding:11px;gap:5px}
  .task-queue-item strong {font-size:13px}
  .task-queue-item>small {font-size:11px}
  .task-detail-head {padding:17px 16px}
  .task-detail-head h2 {font-size:18px}
  .task-edit-form {padding:18px 16px 0}
  .task-edit-form #task-goal {min-height:119px}
  .task-section-head {gap:10px;flex-wrap:wrap}
  .task-form-section {margin-top:20px;padding-top:18px}
  .task-rule-choices {max-height:390px}
  .task-choice {padding:12px 11px}
  .task-choice small {display:block;overflow:visible}
  .task-owner-fields .field {display:block}
  .task-owner-fields label {margin-bottom:7px}
  .task-form-footer {margin-inline:-16px;padding:15px 16px;display:grid;grid-template-columns:1fr}
  .task-form-footer>.small-btn {width:100%}
  .task-form-footer>.actions {justify-content:space-between}
  .task-empty {padding:27px 22px;min-height:0}
  .task-empty h2 {font-size:18px}
  .task-handoff-main {padding-inline:16px}
  .task-handoff-head {padding:18px 0 15px}
  .task-handoff-head h2 {font-size:19px}
  .task-handoff-head>.actions {width:100%;justify-content:space-between}
  .task-handoff-scope {padding-bottom:17px}
  .task-owner-summary {grid-template-columns:1fr;gap:9px;padding:12px}
  .task-owner-summary>div {display:grid;grid-template-columns:82px minmax(0,1fr);align-items:baseline;gap:10px}
  .task-owner-summary dt {margin:0}
  .task-transfer-steps {gap:9px;padding:17px 0}
  .task-transfer-steps li {display:block}
  .task-transfer-steps li>span {margin:0 0 7px}
  .task-transfer-steps strong {font-size:11px}
  .task-transfer-steps small {font-size:10px;line-height:1.7}
  .task-prompt-head {padding:12px}
  .task-prompt-head span {font-size:10px}
  .task-handoff-reading.handoff-readable,.task-handoff-payload {padding:16px;font-size:12px}
  .task-handoff-reading h1 {font-size:19px}
  .task-handoff-reading h2 {font-size:16px}
  .task-export-actions {padding:12px;gap:7px}
  .task-export-actions #task-copy {width:100%;justify-content:center}
  .task-export-actions #task-download-md,.task-export-actions #task-download-json {flex:1;justify-content:center}
  .task-delivery-record {display:grid;gap:11px;padding:16px 0}
  .task-delivery-record>.small-btn {justify-content:center}
  .task-receipt-section {padding-top:18px}
  .task-receipt-actions {display:grid;gap:9px;grid-template-columns:minmax(0,1fr)}
  .task-receipt-actions .small-btn {width:100%}
  .task-workspace-export {display:grid;gap:7px}
  .source-start-layout .source-start-intake {padding:18px 16px}
}