/* Task controls: one semantic status, one view toolbar, one model selector. */
.task-detail__head { min-height:36px; padding:5px 10px; }
.task-detail__title h2 { font-size:12px; }
.task-detail__goal { min-height:28px; padding:5px 10px; }
.task-detail__goal > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.task-settings-menu,.runtime-controls details { position:relative; }
.task-settings-menu > summary,.runtime-controls details > summary { list-style:none; cursor:pointer; }
.task-settings-menu > summary::-webkit-details-marker,.runtime-controls details > summary::-webkit-details-marker { display:none; }
.task-settings-popover,.runtime-menu-panel { position:absolute; z-index:30; right:0; top:calc(100% + 4px); box-sizing:border-box; width:300px; max-width:calc(100vw - 24px); max-height:60vh; overflow:auto; padding:10px; border:1px solid var(--border,#30363d); border-radius:6px; background:#161b22; box-shadow:0 10px 30px #0005; color:#d9e2ef; font:11px/1.5 var(--font,system-ui); }
.task-settings-popover > b { display:block; margin-bottom:8px; }
.task-settings-popover p,.runtime-menu-panel p { color:var(--text2,#89939e); overflow-wrap:anywhere; }
.task-inspection-facts { display:grid; grid-template-columns:auto 1fr; gap:5px 12px; font-size:10px; }
.task-inspection-facts dt { color:var(--text2,#89939e); }.task-inspection-facts dd { margin:0; overflow-wrap:anywhere; }
.runtime-head,.task-runtime--inline .runtime-head { min-height:36px; gap:8px; padding:4px 10px; flex-wrap:wrap; position:relative; z-index:6; }
.runtime-team { display:flex; align-items:center; gap:10px; flex:1 1 320px; min-width:0; flex-wrap:wrap; color:#aab7c7; font:10px/1.4 var(--font,system-ui); }
.runtime-team b { color:#d9e2ef; font-weight:500; }
.runtime-node-counts { white-space:nowrap; }.runtime-node-counts .is-failing { color:var(--red,#f85149); }
.runtime-controls { flex:0 1 auto; width:auto; margin-left:auto; flex-wrap:wrap; overflow:visible; gap:4px; }
.runtime-controls .runtime-btn { height:25px; padding:0 7px; font:10px var(--font,system-ui); border-radius:4px; }
.runtime-menu-panel { display:flex; flex-direction:column; gap:8px; }
.runtime-manifest-menu > .runtime-menu-panel { width:420px; }
.runtime-source-menu > .runtime-menu-panel { width:min(640px, 80vw); }
.runtime-manifest.runtime-source { max-height:60vh; overflow:auto; white-space:pre; overflow-wrap:normal; }
.runtime-manifest { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace; color:#d9e2ef; }
.runtime-controls details:not([open]) > .runtime-menu-panel,.task-settings-menu:not([open]) > .task-settings-popover { display:none; }
.runtime-spacing { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }.runtime-spacing input { width:100%; }.runtime-spacing span { color:var(--text2,#89939e); font-size:10px; }
.runtime-authority[hidden] { display:none; }
.runtime-controls .runtime-adaptive { font-size:10px; }.runtime-controls .runtime-adaptive__head { flex-wrap:wrap; }
#agent-chat-mount .ai-header-controls { overflow:visible!important; justify-content:flex-start; }
#agent-chat-mount .ai-window-controls { margin-left:auto; display:flex; align-items:center; gap:3px; }
#agent-chat-mount .ai-window-controls .chat-collapse-btn { margin-left:0; }
#agent-chat-mount .ai-header .ca-btn { border-radius:4px; padding:4px 6px; }
#agent-chat-mount .assistant-scope-tabs { padding:0 7px; gap:2px; }
#agent-chat-mount .assistant-scope-tab { padding:6px 6px; font-size:11px; }
#agent-chat-mount .mx-resource-fact { display:flex; gap:8px; justify-content:space-between; margin:5px 0; font-size:10px; }
#agent-chat-mount .mx-resource-fact > span { color:var(--text2); flex:0 0 70px; }
#agent-chat-mount .mx-resource-fact > b { font-weight:500; text-align:right; overflow-wrap:anywhere; }
#agent-chat-mount .mx-resource-facts p { margin:6px 0; font-size:10px; color:var(--text2); line-height:1.5; }
#agent-chat-mount .mx-resource-facts details { margin:8px 0; font-size:10px; }
#agent-chat-mount .mx-resource-facts summary { cursor:pointer; color:var(--text2); }
#agent-chat-mount .mx-next-role { display:block; border-top:1px solid var(--border); padding-top:8px; margin-top:8px; font-size:11px; }
#agent-chat-mount .chat-input-row textarea { min-height:32px; }
#agent-chat-mount .chat-input-row button.send-btn,#agent-chat-mount .chat-input-row button.stop-btn { min-width:52px; padding:6px 9px; }
@media (max-width:800px) { .runtime-team { flex-basis:100%; }.runtime-controls { order:initial; width:auto; }.runtime-menu-panel { position:fixed; top:auto; right:10px; } }

#agent-chat-mount .mx-chat-recipient { display:block; font-size:10px; color:var(--text2); }

/* ---- PRD 1.2.0 unified Task graph: viewing line, interaction cards, delivery chip ---- */
.runtime-viewing { padding:3px 10px; border-bottom:1px solid var(--border,#30363d); font:11px/1.4 var(--font-mono,ui-monospace,monospace); color:var(--text2,#8b949e); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#agent-chat-mount .mx-viewing { display:block; font-size:10px; color:var(--text2,#8b949e); line-height:1.5; padding:2px 0; }
#agent-chat-mount .mx-viewing b { color:var(--text,#e6edf3); font-weight:600; }
#agent-chat-mount .mx-viewing i { font-style:normal; opacity:.75; }
#agent-chat-mount .mx-viewing button { margin-left:6px; font-size:10px; padding:1px 6px; border-radius:4px; border:1px solid var(--border,#30363d); background:var(--bg2,#161b22); color:var(--text,#e6edf3); cursor:pointer; }
#agent-chat-mount .mx-delivery { display:inline-block; font-size:10px; padding:1px 7px; border-radius:10px; border:1px solid var(--border,#30363d); color:var(--text2,#8b949e); margin:2px 0; }
#agent-chat-mount .mx-delivery--steer { border-color:#d29922; color:#d29922; }
#agent-chat-mount .mx-delivery--queued { border-color:#58a6ff; color:#58a6ff; }
#agent-chat-mount .mx-delivery--unsupported { border-color:#f85149; color:#f85149; }
.task-ai-echo__viewing { font-size:11px; color:var(--text2,#8b949e); padding:4px 0; border-top:1px dashed var(--border,#30363d); }
.task-ai-echo__viewing small { text-transform:uppercase; letter-spacing:.4px; font-size:9px; margin-right:4px; }
.task-ai-echo__interactions { display:flex; flex-direction:column; gap:6px; padding:4px 0; }
.task-ai-echo__interaction { border:1px solid #d29922; border-left-width:3px; border-radius:6px; padding:6px 8px; background:rgba(210,153,34,.06); font-size:11px; }
.task-ai-echo__interaction--resolved { border-color:#3fb950; background:rgba(63,185,80,.06); }
.task-ai-echo__interaction--cancelled,.task-ai-echo__interaction--stale { border-color:#8b949e; opacity:.7; }
.task-ai-echo__interaction header { display:flex; flex-direction:column; gap:2px; margin-bottom:4px; }
.task-ai-echo__interaction header small { font-family:var(--font-mono,ui-monospace,monospace); color:var(--text2,#8b949e); font-size:9px; }
.task-ai-echo__interaction p { margin:2px 0 4px; }
.task-ai-echo__decisions { display:flex; gap:6px; flex-wrap:wrap; }
.task-ai-echo__answer { display:flex; gap:6px; }
.task-ai-echo__answer input { flex:1; min-width:0; font:inherit; padding:2px 6px; border-radius:4px; border:1px solid var(--border,#30363d); background:var(--bg,#0d1117); color:var(--text,#e6edf3); }
.task-ai-echo__reply { margin:4px 0 0; font-size:10px; }
.task-ai-echo__reply--accepted { color:#3fb950; }
.task-ai-echo__reply--rejected { color:#f85149; }
.task-ai-echo__reply--sending { color:var(--text2,#8b949e); }

/* ---- PRD 1.2.0 goal-first creation wizard ---- */
.task-wiz-section { border:1px solid var(--border,#30363d); border-radius:8px; padding:8px 10px 6px; margin:0 0 10px; }
.task-wiz-section > legend { font-size:12px; font-weight:600; padding:0 4px; }
.task-mode-choices--compact label { padding:4px 8px; }
.task-wiz-check { display:flex; gap:8px; align-items:flex-start; font-size:12px; margin:4px 0; }
.task-wiz-check small { display:block; color:var(--text2,#8b949e); font-size:11px; }
.task-wiz-pending { border:1px solid #d29922; border-radius:6px; padding:6px 8px; display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.task-seat-actions { margin:4px 0 0; }
.task-wiz-summary { border-top:1px dashed var(--border,#30363d); margin-top:10px; padding-top:8px; }
.task-wiz-summary h4 { margin:0 0 4px; font-size:12px; }
.task-wiz-summary ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:auto 1fr; gap:2px 10px; font-size:11px; }
.task-wiz-summary li { display:contents; }
/* The modal is always drawn on the GitHub-dark surface (components.css pins
   #e6edf3 / #c9d1d9 for its text), so the summary must not inherit the page
   theme tokens: on a light-theme page `--text` resolved to #172033 and the
   values were unreadable (contrast 1.16:1, controller browser evidence). */
.task-wiz-summary li span { color:#8b949e; }
.task-wiz-summary li b { font-weight:500; color:#e6edf3; }
.mx-modal .task-wiz-check small, .mx-modal .task-wiz-optional { color:#8b949e; }
.mx-modal .task-wiz-section > legend { color:#e6edf3; }

/* ---- Chat-first Task creation: the Task Chat DRAFT panel inside the Assistant ---- */
#agent-chat-mount .mx-task-draft { margin:6px 8px; padding:8px 10px; border:1px solid var(--border,#30363d); border-left:3px solid #58a6ff; border-radius:8px; background:var(--bg2,#161b22); color:var(--text,#e6edf3); font-size:11px; flex:0 0 auto; max-height:min(52vh,460px); overflow:auto; }
#agent-chat-mount .mx-task-draft form { display:flex; flex-direction:column; gap:6px; }
#agent-chat-mount .mx-task-draft__head { display:flex; align-items:center; gap:8px; }
#agent-chat-mount .mx-task-draft__head b { font-size:12px; }
#agent-chat-mount .mx-task-draft__head .mx-close { margin-left:auto; }
#agent-chat-mount .mx-task-draft__binding { color:var(--text2,#8b949e); font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
#agent-chat-mount .mx-task-draft__binding code { color:var(--text,#e6edf3); }
#agent-chat-mount .mx-task-draft__row { display:flex; gap:8px; flex-wrap:wrap; }
#agent-chat-mount .mx-task-draft__field { display:flex; flex-direction:column; gap:2px; flex:1 1 120px; min-width:0; }
#agent-chat-mount .mx-task-draft__field > span, #agent-chat-mount .mx-task-draft__field-label { font-size:10px; color:var(--text2,#8b949e); }
#agent-chat-mount .mx-task-draft select, #agent-chat-mount .mx-task-draft input[type="text"], #agent-chat-mount .mx-task-draft .mx-input, #agent-chat-mount .mx-task-draft textarea { width:100%; box-sizing:border-box; font:inherit; font-size:11px; padding:4px 6px; border-radius:5px; border:1px solid var(--border,#30363d); background:var(--bg,#0d1117); color:var(--text,#e6edf3); }
#agent-chat-mount .mx-task-draft__source { color:#58a6ff; font-size:9px; text-transform:uppercase; letter-spacing:.3px; margin-left:4px; }
#agent-chat-mount .mx-task-draft__seats .task-seat-row { display:flex; gap:6px; align-items:center; flex-wrap:wrap; margin:3px 0; }
#agent-chat-mount .mx-task-draft__seats .task-seat-row b { font-size:10px; flex:0 0 auto; }
#agent-chat-mount .mx-task-draft__seats .task-seat-row select { flex:1 1 110px; width:auto; }
#agent-chat-mount .mx-task-draft__requirements { margin:0; padding:5px 8px; border-radius:6px; border:1px solid #d29922; background:rgba(210,153,34,.08); color:var(--text,#e6edf3); font-size:10.5px; line-height:1.45; }
#agent-chat-mount .mx-task-draft__requirements[data-blocking="true"] { border-color:#f85149; background:rgba(248,81,73,.08); }
#agent-chat-mount .mx-task-draft__requirements .mx-btn { margin-left:4px; }
#agent-chat-mount .mx-task-draft__advanced summary { cursor:pointer; color:var(--text2,#8b949e); font-size:10.5px; }
#agent-chat-mount .mx-task-draft__advanced .mx-field { display:flex; flex-direction:column; gap:2px; margin:6px 0; font-size:10.5px; }
#agent-chat-mount .mx-task-draft__foot { display:flex; gap:6px; align-items:center; flex-wrap:wrap; border-top:1px dashed var(--border,#30363d); padding-top:6px; }
#agent-chat-mount .mx-task-draft__hint { flex:1 1 160px; color:var(--text2,#8b949e); font-size:10px; }
#agent-chat-mount .mx-task-draft .task-operation-status { margin:0; font-size:10.5px; }
#agent-chat-mount .mx-task-draft .task-operation-status--warn { color:#d29922; }
#agent-chat-mount .mx-task-draft .task-operation-status--danger { color:#f85149; }
#agent-chat-mount .mx-task-draft .task-operation-status--ok { color:#3fb950; }
#agent-chat-mount .mx-task-draft .wf-scenario-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:6px; }
#agent-chat-mount .mx-task-draft .wf-card { text-align:left; font:inherit; font-size:10.5px; padding:6px; border-radius:6px; border:1px solid var(--border,#30363d); background:var(--bg,#0d1117); color:var(--text,#e6edf3); cursor:pointer; }
#agent-chat-mount .mx-task-draft .wf-card.is-selected { border-color:#58a6ff; }
#agent-chat-mount .mx-task-draft .wf-scenario-tabs { display:flex; gap:4px; flex-wrap:wrap; margin:4px 0; }
#agent-chat-mount .mx-task-draft .wf-scenario-tab { font:inherit; font-size:10px; padding:2px 6px; border-radius:10px; border:1px solid var(--border,#30363d); background:transparent; color:var(--text2,#8b949e); cursor:pointer; }
#agent-chat-mount .mx-task-draft .wf-scenario-tab.is-active { color:var(--text,#e6edf3); border-color:#58a6ff; }
#agent-chat-mount .mx-delivery--create { border-color:#3fb950; color:#3fb950; }
#agent-chat-mount.mx-task-draft-open .send-btn[data-draft-send="true"] { min-width:96px; background:#238636; border-color:#2ea043; color:#fff; }
#agent-chat-mount .send-btn[data-draft-send="true"] { min-width:96px; }

/* ---- Task execution controls + tools bar (Stop · Pause/Continue · Terminal · Files) ---- */
#agent-chat-mount .mx-task-tools { display:flex; gap:4px; align-items:center; flex-wrap:wrap; padding:3px 8px; border-bottom:1px solid var(--border,#30363d); flex:0 0 auto; }
#agent-chat-mount .mx-task-tools__btn { font:inherit; font-size:10.5px; padding:3px 8px; border-radius:5px; border:1px solid var(--border,#30363d); background:var(--bg2,#161b22); color:var(--text,#e6edf3); cursor:pointer; }
#agent-chat-mount .mx-task-tools__btn[disabled] { opacity:.5; cursor:not-allowed; }
#agent-chat-mount .mx-task-tools__btn--danger { border-color:rgba(248,81,73,.6); color:#f85149; }
#agent-chat-mount .mx-task-tools__btn[aria-pressed="true"] { border-color:#58a6ff; color:#58a6ff; }
#agent-chat-mount .mx-task-tools__spacer { flex:1 1 auto; }
#agent-chat-mount .mx-task-tools__confirm { display:inline-flex; gap:4px; }

/* ---- Task Chat: concise pending-decision summary (same interaction as the Execution Context card) ---- */
#agent-chat-mount .mx-pending-summary { display:flex; flex-direction:column; gap:4px; margin:4px 0; padding:6px 8px; border:1px solid #d29922; border-left-width:3px; border-radius:6px; background:rgba(210,153,34,.06); font-size:10.5px; }
#agent-chat-mount .mx-pending-summary__row { display:flex; gap:6px; align-items:center; justify-content:space-between; }
#agent-chat-mount .mx-pending-summary__row button { font:inherit; font-size:10px; padding:2px 6px; border-radius:4px; border:1px solid #d29922; background:transparent; color:#d29922; cursor:pointer; white-space:nowrap; }
.task-ai-echo__interactions--context { padding:6px 0 8px; }
.task-ai-echo__interaction.is-revealed { box-shadow:0 0 0 2px rgba(210,153,34,.45); }
.task-ai-echo__decisions--confirm { align-items:center; }
.task-ai-echo__decisions--confirm > span { flex:1 1 100%; font-size:10.5px; }
.task-ai-echo__btn--primary { border-color:#2ea043; background:#238636; color:#fff; }

/* ---- Attention: fixed pending indicator (never steals focus) + other-Task badge ---- */
.mx-pending-indicator { position:fixed; left:50%; bottom:14px; transform:translateX(-50%); z-index:12040; display:flex; gap:8px; align-items:center; padding:6px 10px; border-radius:20px; border:1px solid #d29922; background:#1f1a0b; color:#f0d38a; font-size:11px; box-shadow:0 6px 24px rgba(0,0,0,.4); }
.mx-pending-indicator button { font:inherit; font-size:11px; padding:2px 8px; border-radius:12px; border:1px solid #d29922; background:#d29922; color:#111; cursor:pointer; }
.mx-pending-indicator button[data-pending-dismiss] { background:transparent; color:#f0d38a; padding:2px 6px; }
#agent-chat-mount .mx-other-task-pending { position:absolute; top:-8px; left:8px; z-index:3; font-size:9.5px; padding:1px 6px; border-radius:10px; background:#d29922; color:#111; pointer-events:none; }

/* ---- Task-bound terminal in the task region (VL Agent runtime on the Task Device) ---- */
.task-detail__tools:empty { display:none; }
.mx-task-terminal { margin:8px 0; border:1px solid var(--mx-line,#30363d); border-radius:8px; background:#0b0f14; color:#e6edf3; font-size:11px; }
.mx-task-terminal__head { display:flex; gap:8px; align-items:center; flex-wrap:wrap; padding:6px 10px; border-bottom:1px solid #30363d; }
.mx-task-terminal__head b { font-size:12px; }
.mx-task-terminal__head .mx-btn { margin-left:auto; }
.mx-task-terminal__binding { color:#8b949e; font-size:10px; }
.mx-task-terminal__binding code { color:#e6edf3; }
.mx-task-terminal__mode { font-size:10px; padding:1px 6px; border-radius:10px; border:1px solid #30363d; color:#8b949e; }
.mx-task-terminal__mode[data-terminal-mode="vl-agent-terminal"] { border-color:#3fb950; color:#3fb950; }
.mx-task-terminal__reason { margin:0; padding:8px 10px; color:#f0d38a; }
.mx-task-terminal__note, .mx-task-terminal__cwd { margin:0; padding:4px 10px; color:#8b949e; font-size:10px; }
.mx-task-terminal__sessions { display:flex; gap:6px; align-items:center; flex-wrap:wrap; padding:4px 10px; }
.mx-task-terminal__sessions select { font:inherit; font-size:11px; background:#0d1117; color:#e6edf3; border:1px solid #30363d; border-radius:5px; padding:2px 6px; }
.mx-task-terminal__output { margin:0 10px; padding:8px; min-height:120px; max-height:280px; overflow:auto; background:#000; color:#c9d1d9; font:11px/1.45 var(--font-mono,ui-monospace,monospace); white-space:pre-wrap; overflow-wrap:anywhere; border-radius:6px; }
.mx-task-terminal__input { display:flex; gap:6px; padding:6px 10px 8px; }
.mx-task-terminal__input input { flex:1; font:11px var(--font-mono,ui-monospace,monospace); background:#000; color:#e6edf3; border:1px solid #30363d; border-radius:5px; padding:4px 8px; }
.mx-task-terminal__error { margin:0; padding:4px 10px 8px; color:#f85149; }
.mx-task-terminal .mx-btn { padding:2px 8px; font-size:10.5px; }
@media (max-width:560px) {
  #agent-chat-mount .mx-task-draft { max-height:46vh; margin:4px; padding:6px 8px; }
  #agent-chat-mount .mx-task-draft__field { flex-basis:100%; }
  #agent-chat-mount .mx-task-tools { padding:3px 4px; }
  .mx-pending-indicator { bottom:auto; top:calc(var(--bar-h, 56px) + 6px); }
}
.task-ai-echo__interaction-ref { display:flex; gap:6px; align-items:center; justify-content:space-between; border:1px solid #d29922; border-left-width:3px; border-radius:6px; padding:5px 8px; background:rgba(210,153,34,.06); font-size:10.5px; }
.task-ai-echo__interaction-ref i { font-style:normal; }
.task-ai-echo__interaction-ref button { white-space:nowrap; }

/* Keep terminal text readable inside the global document/pre theme. */
.mx-task-terminal pre.mx-task-terminal__output { background:#05080c; color:#e6edf3; }
/* Mac 1.3.100 M07: matrix-light-glass.css forces every light-theme <pre> to
   background:#f2f5f9 !important, which left this light-grey terminal text on a
   near-white box. The terminal stays a dark surface in both themes. */
html[data-theme="light"] .mx-task-terminal pre.mx-task-terminal__output { background:#05080c !important; color:#e6edf3; border-color:#1f2937; }

/* ---- The ONE run control in the Task header (UI batch 2026-10-06) ----
   Stop / Pause / Continue render here, beside the status word and Start, while
   the Task view shows the Task; the Assistant toolbar then keeps only Terminal
   and Files (views/task-chat-tools.mjs). */
.task-detail__run { display:inline-flex; gap:6px; align-items:center; }
.task-detail__run:empty, .task-detail__run .mx-task-run:empty { display:none; }
.task-detail__run .mx-task-run, .task-detail__run .mx-task-tools__confirm { display:inline-flex; gap:6px; align-items:center; }
/* Generated files open in place under the Task tools row (views/task-assistant-tabs.mjs),
   part of the chat column rather than a popover over the Assistant header. */
#aiTabChat .task-files-panel { position:static; left:auto; right:auto; top:auto; width:auto; max-width:none; max-height:min(40vh, 360px); margin:6px 8px; flex:0 0 auto; border-radius:8px; box-shadow:none; z-index:auto; }

/* Team / Flow / Results on the one Task canvas (founder 2026-10-30).
   Flow is the shared editor; Team and Results replace it in place, and the
   step card floats over whichever view is shown. */
.task-runtime.task-runtime--inline { position: relative; }
.task-canvas-switch { display: inline-flex; border: 1px solid #29364a; border-radius: 6px; overflow: hidden; }
.task-canvas-switch .task-canvas-switch__tab { border: 0; border-radius: 0; border-right: 1px solid var(--border, #2b374a); }
.task-canvas-switch .task-canvas-switch__tab:last-child { border-right: 0; }
.task-canvas-switch .task-canvas-switch__tab.is-selected { background: color-mix(in srgb, var(--vl-primary, #1f6feb) 22%, transparent); font-weight: 600; }
.task-canvas-layer:empty { display: none; }
.task-runtime[data-canvas-shown="team"] > .runtime-body,
.task-runtime[data-canvas-shown="results"] > .runtime-body { display: none; }
.task-runtime[data-canvas-shown="team"] > .task-canvas-layer,
.task-runtime[data-canvas-shown="results"] > .task-canvas-layer { flex: 1; min-height: 0; overflow: auto; position: relative; padding: 10px 12px; }
.task-runtime[data-canvas-shown="flow"] > .task-canvas-layer { position: absolute; top: 48px; right: 12px; z-index: 7; width: min(340px, calc(100% - 24px)); pointer-events: none; display: grid; gap: 8px; }
.task-runtime[data-canvas-shown="flow"] > .task-canvas-layer > * { pointer-events: auto; }
.task-canvas-hint { margin: 0 0 8px; font-size: 12px; color: var(--muted, #93a2b4); }
.task-canvas-team__row { display: flex; gap: 10px; align-items: flex-start; overflow-x: auto; padding-bottom: 6px; }
.task-canvas-team__column { display: grid; gap: 8px; min-width: 180px; max-width: 280px; }
.task-canvas-team__link { align-self: center; display: grid; gap: 4px; font-size: 11px; color: var(--muted, #93a2b4); white-space: nowrap; }
.task-canvas-agent { border: 1px solid #29364a; border-radius: 8px; background: #111721; color: #c7d1df; padding: 8px; display: grid; gap: 6px; }
.task-canvas-agent.is-selected { border-color: var(--vl-warning, #f2b84b); box-shadow: 0 0 0 1px var(--vl-warning, #f2b84b); }
.task-canvas-agent__head { all: unset; cursor: pointer; display: grid; gap: 2px; color: #c7d1df; }
.task-canvas-agent__head small { color: var(--muted, #93a2b4); font-size: 11px; }
.task-canvas-agent__steps { display: grid; gap: 4px; }
.task-canvas-step { color: #c7d1df; font: inherit; font-size: 12px; text-align: left; padding: 4px 6px; border-radius: 6px; border: 1px solid #29364a; background: transparent; color: inherit; cursor: pointer; display: flex; justify-content: space-between; gap: 6px; }
.task-canvas-step.is-lit { border-color: var(--vl-warning, #f2b84b); }
.task-canvas-step.is-selected { background: color-mix(in srgb, var(--vl-primary, #1f6feb) 18%, transparent); }
.task-canvas-agent.is-working { border-color: var(--vl-success, #3fb950); box-shadow: 0 0 0 1px color-mix(in srgb, var(--vl-success, #3fb950) 55%, transparent); }
.task-canvas-agent.is-working.is-selected { border-color: var(--vl-warning, #f2b84b); }
.task-canvas-live { color: var(--vl-success, #3fb950); font-size: 11px; font-weight: 600; }
.task-canvas-live::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: currentColor; vertical-align: 1px; }
.task-canvas-step.is-live { border-color: var(--vl-success, #3fb950); }
.task-canvas-redo { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 8px 0 0; }
.task-canvas-chip { font-size: 10px; padding: 1px 6px; border-radius: 999px; border: 1px solid #29364a; color: var(--muted, #93a2b4); white-space: nowrap; }
.task-canvas-chip--running, .task-canvas-chip--waiting { color: var(--vl-primary, #58a6ff); border-color: currentColor; }
.task-canvas-chip--agent-done { color: var(--vl-warning, #f2b84b); border-color: currentColor; }
.task-canvas-chip--verified { color: var(--vl-success, #3fb950); border-color: currentColor; }
.task-canvas-chip--failed { color: var(--vl-danger, #f85149); border-color: currentColor; }
.task-canvas-package { margin-top: 12px; border: 1px solid #29364a; border-radius: 8px; padding: 10px; }
.task-canvas-package h4 { margin: 0 0 8px; font-size: 13px; }
.task-canvas-package ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.task-canvas-package li { display: grid; grid-template-columns: 140px 1fr; gap: 8px; font-size: 12px; }
.task-canvas-package li > span { color: var(--muted, #93a2b4); }
.task-canvas-tag { display: inline-block; font-size: 11px; padding: 1px 6px; margin: 1px 2px 1px 0; border-radius: 4px; background: color-mix(in srgb, var(--vl-primary, #1f6feb) 12%, transparent); }
.task-canvas-summary, .task-canvas-owner { margin: 0 0 6px; font-size: 12px; }
.task-canvas-owner { color: var(--muted, #93a2b4); }
.task-canvas-totals { margin: 0 0 6px; font-size: 12px; font-weight: 600; }
.task-canvas-usage td { padding-top: 0; padding-left: 18px; font-size: 11px; color: var(--muted, #93a2b4); }
.task-canvas-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.task-canvas-table th, .task-canvas-table td { text-align: left; padding: 5px 6px; border-bottom: 1px solid var(--border, #2b374a); vertical-align: top; }
.task-canvas-table tr.is-selected td { background: color-mix(in srgb, var(--vl-primary, #1f6feb) 12%, transparent); }
.task-canvas-link { all: unset; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.task-canvas-artifacts { margin: 8px 0 0; font-size: 12px; display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.task-canvas-focus { margin: 0; font-size: 12px; padding: 6px 8px; border-radius: 6px; border: 1px solid var(--vl-warning, #f2b84b); background: #111721; color: #c7d1df; display: flex; gap: 8px; align-items: center; justify-content: space-between; }
.task-canvas-card { border: 1px solid #29364a; border-radius: 8px; background: #111721; color: #c7d1df; padding: 10px; font-size: 12px; box-shadow: 0 8px 24px -12px rgba(0, 0, 0, .6); }
.task-runtime[data-canvas-shown="team"] .task-canvas-card, .task-runtime[data-canvas-shown="results"] .task-canvas-card { position: absolute; top: 10px; right: 12px; width: min(340px, calc(100% - 24px)); z-index: 3; }
.task-canvas-card header { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 6px; }
.task-canvas-card dl { margin: 0; display: grid; grid-template-columns: 110px 1fr; gap: 4px 8px; }
.task-canvas-card dt { color: var(--muted, #93a2b4); }
.task-canvas-card dd { margin: 0; }
.task-canvas-reassign { display: grid; gap: 4px; margin-top: 8px; }
.task-canvas-message { margin: 6px 0 0; color: var(--vl-primary, #58a6ff); }
#view-world .task-canvas-layer code, .task-canvas-layer code { color: #75d6d9; background: transparent; font-size: 11px; }
.task-canvas-layer, .task-canvas-layer .task-canvas-hint { color: #c7d1df; }
.task-canvas-layer .task-canvas-hint, .task-canvas-owner, .task-canvas-card dt, .task-canvas-package li > span, .task-canvas-agent__head small, .task-canvas-team__link { color: #8b98ad; }
.task-canvas-kind { font-size: 10px; padding: 1px 6px; border-radius: 4px; border: 1px dashed #29364a; color: #8b98ad; white-space: nowrap; }
.task-canvas-kind--agent { border-style: solid; color: #c7d1df; }
.task-canvas-kind--model-call { color: #b9a5ff; border-color: #6d5bd0; }
.task-canvas-kind--tool { color: #8b98ad; }
.task-canvas-kind--human { color: #f2b84b; border-color: #f2b84b; }
.task-canvas-contact { justify-self: start; font-size: 11px; }
.task-canvas-flow-only { margin-top: 12px; border: 1px dashed #29364a; border-radius: 8px; padding: 8px; display: grid; gap: 6px; }
.task-canvas-flow-only h4 { margin: 0; font-size: 12px; color: #8b98ad; }

/* Development Iterations panel (views/task-iterations-panel.mjs). */
.task-iter { display: grid; gap: 8px; }
.task-iter__head, .task-iter__rounds, .task-iter__review, .task-iter__composer, .task-iter__next, .task-iter__caps { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.task-iter__rounds [aria-selected="true"] { outline: 2px solid currentColor; }
.task-iter__artifacts, .task-iter__feedback { margin: 0; padding-left: 18px; }
.task-iter input[type="text"] { min-width: 0; flex: 1 1 160px; }
.task-iter input[type="number"] { width: 90px; }

/* Task creation area of an empty Workspace (PRD 1.31.0 §10.16 item 1). */
.mx-create-area { display:flex; flex-direction:column; gap:12px; max-width:760px; width:100%; margin:0 auto; padding:24px 16px; box-sizing:border-box; }
.mx-create-area__title { margin:0; font-size:18px; color:var(--text,#e6edf3); }
.mx-create-area__goal textarea { width:100%; box-sizing:border-box; min-height:120px; resize:vertical; }
.mx-create-area__row { display:flex; gap:12px; flex-wrap:wrap; }
.mx-create-area__field { display:flex; flex-direction:column; gap:4px; flex:1 1 220px; min-width:0; color:var(--text2,#8b949e); font-size:12px; }
.mx-create-area__classification { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:0; }
.mx-create-area__more { border-top:1px dashed var(--border,#30363d); padding-top:8px; display:flex; flex-direction:column; gap:8px; }
.mx-create-area__more[open] { display:flex; }
.mx-create-area__more summary { cursor:pointer; color:var(--text2,#8b949e); font-size:12px; }
.mx-create-area__more > * + * { margin-top:8px; }
.mx-create-area__foot { display:flex; justify-content:flex-end; }
/* F3 (MAIN-FLOWS-REDESIGN §4.2): one picker row — 在 · 由 · 现成流程 · ⚙ — then the one primary. */
.mx-create-area__picks { display:flex; flex-wrap:wrap; align-items:center; gap:8px; justify-content:flex-start; }
.mx-create-area__sp { flex:1 1 auto; }
.mx-next .mx-pick--select, .mx-pick--select { position:relative; padding-right:8px; max-width:300px; overflow:hidden; }
.mx-pick--select::after { content:none !important; }
.mx-pick__select { appearance:auto; border:0; background:transparent; color:inherit; font:inherit; font-size:13px; padding:0 2px; max-width:220px; min-width:0; text-overflow:ellipsis; cursor:pointer; }
.mx-pick__select:focus-visible { outline:2px solid #1f6feb; outline-offset:2px; }
.mx-pick__select option { color:#e6edf3; background:#161b22; }
.mx-create-area__gear { min-width:32px; font-size:14px; }
.mx-create-area__kbd { margin:0; font-size:12px; }
.mx-create-area__kbd kbd { font:inherit; font-size:12px; padding:0 6px; border:1px solid var(--border,#30363d); border-radius:4px; }
.mx-create-area__more-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0; border-top:1px solid var(--border,#30363d); }
.mx-create-area__more-row p { margin:2px 0 0; font-size:12px; }
.mx-create-area__library { display:flex; flex-direction:column; gap:6px; }
.mx-create-area__library h3 { margin:0; font-size:13px; font-weight:500; }
.mx-create-area__start { display:flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid var(--border,#30363d); border-radius:8px; font-size:13px; }
.mx-create-area__start > span:first-child { flex:1 1 auto; }
/* D-F3: while the creation area holds the draft, the Assistant shows one line. */
.mx-task-draft--summary > form > :not(.mx-task-draft__head):not([data-draft-requirements]):not([data-operation-status]):not([data-draft-summary]):not([data-pending-intent]) { display:none !important; }
.mx-task-draft__summary { margin:8px 0; font-size:13px; color:var(--text2,#8b949e); }
body.mx-draft-summary #chatInput, body.mx-draft-summary #chatSend, body.mx-draft-summary .chat-input-row, body.mx-draft-summary .ai-composer { display:none !important; }
.mx-task-draft__save-row { display:flex; gap:6px; flex-wrap:wrap; margin-top:6px; }
/* F4 (MAIN-FLOWS-REDESIGN §5.2): one ⋯ in the Task header holds Documents,
   DAG library, Save to library and the Task settings; the canvas ⋯ holds
   models, manifest, source and files. */
.task-settings-menu__items { display:flex; flex-direction:column; gap:6px; margin-bottom:8px; }
.task-settings-menu__items .mx-btn { justify-content:flex-start; }
.runtime-menu-tools { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:6px; }
.runtime-team [data-runtime-elapsed], .runtime-team [data-runtime-cost] { font-size:12px; }
.task-canvas-agent__actions { display:flex; gap:6px; flex-wrap:wrap; }
.task-canvas-agent [data-canvas-runs-on] { display:block; font-size:12px; }
.task-canvas-rounds { margin:12px 0; padding:12px; border:1px solid var(--border,#30363d); border-radius:8px; }
.task-canvas-rounds h4 { margin:0 0 6px; font-size:13px; }
.task-canvas-rounds ul { margin:0; padding:0; list-style:none; display:grid; gap:6px; font-size:13px; }
/* The step card never covers the Team cards it was opened from. */
.task-runtime[data-canvas-shown="team"] .task-canvas-layer:has(.task-canvas-card) .task-canvas-team { padding-right: min(352px, 45%); box-sizing: border-box; }

/* ---- Task page, one visual system (UI audit 2026-11, TASK-PAGE-TWO-LAYER-DAG) ----
   One header (status · title · 结果|流程|团队 · controls · ⋯), one sans 12 px
   meta line, one layer strip (outer DAG › inner DAG, enter / back, per-layer
   progress), one compact iterations strip, and the D3 Results order. Buttons on
   the canvas share the .mx-btn--small metrics; mono stays for ids and code. */
.task-detail__head { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:6px 12px; min-height:40px; }
.task-detail__head .task-detail__title { min-width:0; flex:0 1 auto; }
.task-detail__head .task-detail__title h2 { font-size:14px; font-weight:600; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.task-detail__head > .mx-tag[data-task-status] { display:inline-flex; align-items:center; gap:5px; font-size:12px; padding:1px 8px; border-radius:999px; }
.task-detail__head > .mx-tag[data-task-status]::before { content:''; width:6px; height:6px; border-radius:50%; background:currentColor; opacity:.9; }
.task-detail__views { display:inline-flex; margin-left:4px; }
.task-detail__views:empty { display:none; }
.task-detail__head .task-detail__actions { margin-left:auto; display:inline-flex; align-items:center; gap:6px; }
.task-detail__overview .task-overview { margin:0; border:0; border-bottom:1px solid var(--border,#30363d); border-radius:0; background:transparent; }
.task-detail__overview .task-overview > summary { font-size:12px; color:var(--text2,#8b949e); padding:4px 12px; }
.task-detail__goal { display:flex; gap:8px; align-items:center; min-height:30px; padding:5px 12px; font-size:12px; border-bottom:1px solid var(--border,#30363d); }
.task-detail__goal > b { color:var(--text2,#8b949e); font-weight:500; white-space:nowrap; }
.task-detail__goal > span { color:var(--text,#e6edf3); }

/* The 结果 | 流程 | 团队 segment, in the header or on the canvas toolbar. */
.task-canvas-switch { border-color:var(--border,#30363d); border-radius:6px; background:transparent; }
.task-canvas-switch .task-canvas-switch__tab, .runtime-controls .task-canvas-switch .runtime-btn.task-canvas-switch__tab { height:26px; padding:0 10px; font:12px/1 var(--font,system-ui); color:var(--text2,#8b949e); background:transparent; border-right:1px solid var(--border,#30363d); }
.task-canvas-switch .task-canvas-switch__tab.is-selected { color:var(--text,#e6edf3); background:color-mix(in srgb, var(--vl-primary,#1f6feb) 22%, transparent); font-weight:600; }

/* The canvas head: one sans meta line and .mx-btn--small sized controls. */
.runtime-head, .task-runtime--inline .runtime-head { min-height:38px; padding:5px 12px; gap:8px; }
.runtime-team { font:12px/1.4 var(--font,system-ui); color:var(--text2,#8b949e); gap:0; }
.runtime-team > span + span::before, .runtime-team > span + span[data-runtime-cost]::before { content:'·'; margin:0 6px; opacity:.6; }
.runtime-team .runtime-node-counts { color:var(--text,#e6edf3); }
.runtime-team [data-runtime-elapsed], .runtime-team [data-runtime-cost] { font-size:12px; }
.runtime-controls { gap:6px; }
.runtime-controls .runtime-btn { height:26px; padding:0 9px; font:12px/1 var(--font,system-ui); border-radius:6px; }
.runtime-controls .runtime-btn.runtime-btn--primary { font-weight:600; }
.runtime-menu-panel { font:12px/1.5 var(--font,system-ui); }
.runtime-menu-panel .runtime-btn { font:12px/1 var(--font,system-ui); height:26px; }

/* The layer strip: outer DAG › inner DAG, the inner DAGs to enter, the way back. */
.runtime-viewing.task-layers { display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; padding:5px 12px; font:12px/1.4 var(--font,system-ui); color:var(--text2,#8b949e); white-space:normal; overflow:visible; text-overflow:clip; }
.runtime-viewing.task-layers[hidden] { display:none; }
.task-layers__path { display:inline-flex; align-items:center; gap:6px; min-width:0; }
.task-layers__sep { opacity:.6; }
.task-layers__crumb { all:unset; cursor:pointer; color:var(--vl-primary,#58a6ff); text-decoration:underline; text-underline-offset:2px; }
.task-layers__crumb:focus-visible { outline:2px solid var(--vl-primary,#1f6feb); outline-offset:2px; border-radius:3px; }
.task-layers__here { color:var(--text,#e6edf3); font-weight:600; }
.task-layers__count { color:var(--text2,#8b949e); }
.task-layers__enter { display:inline-flex; align-items:center; flex-wrap:wrap; gap:6px; }
.task-layers__label { color:var(--text2,#8b949e); }
.task-layers__chip, .task-iter__chip { display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 9px 0 7px; border-radius:999px; border:1px solid var(--border,#30363d); background:var(--bg2,#161b22); color:var(--text,#e6edf3); font:12px/1 var(--font,system-ui); cursor:pointer; white-space:nowrap; }
.task-layers__chip small { color:var(--text2,#8b949e); font-size:11px; }
.task-layers__chip > i, .task-iter__chip > i { width:7px; height:7px; border-radius:50%; background:var(--text2,#8b949e); flex:0 0 auto; }
.task-layers__chip--active > i, .task-iter__chip--running > i { background:var(--vl-primary,#58a6ff); box-shadow:0 0 0 3px color-mix(in srgb, var(--vl-primary,#58a6ff) 25%, transparent); }
.task-layers__chip--done > i, .task-iter__chip--accepted > i { background:var(--vl-success,#3fb950); }
.task-layers__chip--failed > i, .task-iter__chip--changes_requested > i { background:var(--vl-danger,#f85149); }
.task-layers__chip--blocked > i, .task-iter__chip--awaiting_review > i { background:var(--vl-warning,#d29922); }
.task-layers__chip:hover, .task-iter__chip:hover { border-color:var(--vl-primary,#58a6ff); }
.task-layers__chip:focus-visible, .task-iter__chip:focus-visible, .task-layers__back:focus-visible { outline:2px solid var(--vl-primary,#1f6feb); outline-offset:1px; }
.task-layers__more { color:var(--text2,#8b949e); }
.task-layers__back { height:24px; padding:0 9px; border-radius:6px; border:1px solid var(--border,#30363d); background:transparent; color:var(--text,#e6edf3); font:12px/1 var(--font,system-ui); cursor:pointer; margin-left:auto; }
.task-layers__note { color:var(--text2,#8b949e); font-size:11px; }

/* The iterations strip: one line; caps and the redo filter behind ⚙. */
.task-detail__iterations .task-iter.mx-panel { margin:0; padding:0; border:0; border-bottom:1px solid var(--border,#30363d); border-radius:0; background:transparent; gap:0; }
.task-iter__bar { display:flex; align-items:center; flex-wrap:wrap; gap:6px 8px; padding:5px 12px; font-size:12px; }
.task-iter__title { font-weight:600; color:var(--text,#e6edf3); }
.task-iter__bar > [data-iter-state] .mx-tag { font-size:12px; }
.task-iter__bar .mx-hint { font-size:12px; color:var(--text2,#8b949e); }
.task-iter__waiting { color:var(--vl-danger,#f85149) !important; }
.task-iter__sp { flex:1 1 auto; }
.task-iter__rounds { display:inline-flex; gap:4px; flex-wrap:wrap; }
.task-iter__chip[aria-selected="true"] { border-color:var(--vl-primary,#58a6ff); color:var(--text,#e6edf3); background:color-mix(in srgb, var(--vl-primary,#1f6feb) 18%, transparent); outline:0; }
.task-iter__next { display:inline-flex; align-items:center; gap:8px; }
.task-iter__more { position:relative; }
.task-iter__more > summary { list-style:none; cursor:pointer; min-width:28px; }
.task-iter__more > summary::-webkit-details-marker { display:none; }
.task-iter__more:not([open]) > .task-iter__popover { display:none; }
.task-iter__popover { position:absolute; z-index:30; right:0; top:calc(100% + 4px); width:320px; max-width:calc(100vw - 24px); display:flex; flex-direction:column; gap:8px; padding:10px; border:1px solid var(--border,#30363d); border-radius:6px; background:#161b22; box-shadow:0 10px 30px #0005; color:#d9e2ef; font:12px/1.5 var(--font,system-ui); }
.task-iter__field { display:flex; flex-direction:column; gap:4px; }
.task-iter__popover .task-iter__caps { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.task-iter__popover input[type="number"], .task-iter__popover input[type="text"] { font:12px var(--font,system-ui); padding:3px 6px; border-radius:5px; border:1px solid var(--border,#30363d); background:var(--bg,#0d1117); color:var(--text,#e6edf3); }
.task-iter__round { padding:6px 12px 8px; display:grid; gap:6px; font-size:12px; border-top:1px dashed var(--border,#30363d); }
.task-iter__round-head { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0; }
.task-iter__round-head [data-iter-refs] { flex-basis:100%; font-family:var(--font-mono,ui-monospace,monospace); font-size:11px; }
.task-iter__acceptance { margin:0; padding:4px 12px; font-size:12px; }
.task-iter__review .mx-select, .task-iter__composer input, .task-iter__review input { font-size:12px; }

/* D3 Results: artifacts first, four totals, rounds, then steps by layer. */
.task-canvas-results > h4, .task-canvas-artifacts > h4 { margin:0 0 6px; font-size:13px; font-weight:600; color:var(--text,#e6edf3); }
.task-canvas-steps-title { margin:14px 0 6px; }
.task-canvas-artifacts { display:block; margin:8px 0 10px; padding:10px 12px; border:1px solid var(--border,#30363d); border-radius:8px; }
.task-canvas-artifacts > .runtime-btn { margin-top:6px; }
.task-canvas-artifact-list { list-style:none; margin:0 0 4px; padding:0; display:flex; flex-wrap:wrap; gap:6px; }
.task-canvas-artifact-list li { display:inline-flex; align-items:center; gap:6px; padding:3px 8px; border:1px solid var(--border,#30363d); border-radius:6px; font-size:12px; }
.task-canvas-tiles { display:grid; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); gap:8px; margin:0 0 10px; }
.task-canvas-tile { display:grid; gap:2px; padding:8px 10px; border:1px solid var(--border,#30363d); border-radius:8px; }
.task-canvas-tile > span { font-size:11px; color:var(--text2,#8b949e); }
.task-canvas-tile > b { font-size:16px; font-weight:600; color:var(--text,#e6edf3); font-variant-numeric:tabular-nums; }
.task-canvas-marks { display:inline-flex; gap:8px; margin-left:6px; color:var(--text2,#8b949e); font-variant-numeric:tabular-nums; }
.task-canvas-marks [data-verified="true"] { color:var(--vl-success,#3fb950); }
.task-canvas-marks [data-agent-done="true"] { color:var(--vl-warning,#f2b84b); }
.task-canvas-table tr.is-inner td { background:color-mix(in srgb, var(--text2,#8b949e) 6%, transparent); color:var(--text2,#8b949e); }
.task-canvas-table tr.is-inner td:first-child { padding-left:22px; }
.task-canvas-indent { margin-right:4px; color:var(--text2,#8b949e); }
.task-canvas-inner { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:4px; font-size:11px; color:var(--text2,#8b949e); }
.task-canvas-inner > b { color:var(--text,#e6edf3); font-size:12px; }
.task-canvas-enter { font-size:11px; }
.task-canvas-layer-row td { padding-top:8px; }
.task-canvas-owner-details { margin:10px 0 0; font-size:12px; color:var(--text2,#8b949e); }
.task-canvas-owner-details > summary { cursor:pointer; }
.task-canvas-owner-details .task-canvas-owner { margin:4px 0 0; font-family:var(--font-mono,ui-monospace,monospace); font-size:11px; overflow-wrap:anywhere; }
.task-canvas-card dd[data-card-inner-dag] { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
@media (max-width:800px) { .task-layers__back { margin-left:0; } .task-iter__popover { position:fixed; top:auto; right:10px; } .task-detail__head .task-detail__actions { margin-left:0; } }