.task-graph{--graph-text:#24262b;--graph-muted:#656a73;--graph-line:#c9cdd5;--graph-blue:#0068c9;--graph-amber:#946014;--graph-green:#258142;color:var(--graph-text);min-width:0;margin:14px 0}
.task-graph-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:10px}
.task-graph-switch{display:inline-flex;gap:3px;padding:3px;background:#edf0f4;border-radius:9px}
.task-graph-switch button{border:0;border-radius:6px;padding:7px 13px;background:transparent;color:#5e6470;font:inherit;font-size:13px;cursor:pointer}
.task-graph-switch button[aria-pressed=true]{background:#fff;color:var(--graph-text);box-shadow:0 1px 4px #18223914;font-weight:600}
.task-graph-count,.task-graph-help,.task-graph-parallel,.task-graph-empty{font-size:12px;color:var(--graph-muted)}
.task-graph-help{margin:0 0 14px;line-height:1.7}.task-graph-parallel{margin:0 0 10px}.task-graph-empty{padding:30px 12px;text-align:center;background:#f6f7f9;border-radius:10px}
.task-graph-viewport{width:100%;max-height:min(55vh,600px);min-height:146px;overflow:auto;overscroll-behavior:contain;border:1px solid #e3e6eb;border-radius:12px;background:#f5f6f8;scrollbar-gutter:stable}
.task-graph-size{position:relative;min-width:100%;min-height:146px}.task-graph-canvas{position:relative;transform-origin:top left}
.task-graph-lines{position:absolute;inset:0;pointer-events:none}.task-graph-line{fill:none;stroke:var(--graph-line);stroke-width:1.5}.task-graph-line.dependency{stroke:var(--graph-blue);stroke-width:1.8}.task-graph-line.waiting{stroke:var(--graph-amber);stroke-dasharray:5 3}
.task-graph-node{position:absolute;border:1px solid #d8dde5;border-radius:10px;background:#fff;box-shadow:0 2px 5px #20304d06}
.task-graph-node.focused{border:2px solid var(--graph-blue);background:#f7fbff}.task-graph-node.unavailable{border-style:dashed;background:#f9fafb}
.task-graph-open{display:flex;flex-direction:column;gap:6px;box-sizing:border-box;width:100%;height:100%;padding:12px 13px;border:0;border-radius:inherit;color:inherit;background:transparent;text-align:left;font:inherit}
button.task-graph-open{cursor:pointer}button.task-graph-open:hover{background:#f0f6fc}
.task-graph-open strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:13px;line-height:1.4;font-weight:600;min-height:36px;padding-right:4px}
.task-graph-owner{display:flex;align-items:center;gap:8px;color:var(--graph-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-graph-owner small{margin-left:auto;font-size:10px;color:var(--graph-blue)}
.task-graph-state{display:flex;gap:5px;align-items:center;font-size:11px;color:var(--graph-muted)}.task-graph-state i{width:7px;height:7px;border-radius:50%;background:#a0a6b0;flex:0 0 auto}.task-graph-state.doing{color:var(--graph-blue)}.task-graph-state.doing i{background:var(--graph-blue)}.task-graph-state.review{color:var(--graph-amber)}.task-graph-state.review i{background:var(--graph-amber)}.task-graph-state.done{color:var(--graph-green)}.task-graph-state.done i{background:var(--graph-green)}.task-graph-state small{margin-left:auto;font-size:10px;color:var(--graph-amber)}
.task-graph-branch{position:absolute;right:-13px;top:-12px;display:flex;align-items:center;justify-content:center;gap:2px;min-width:30px;height:26px;border:1px solid #c6d6e9;border-radius:13px;background:#fff;color:#215b95;font:inherit;font-size:11px;cursor:pointer}.task-graph-branch span{font-size:14px}
.task-graph-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:9px;color:var(--graph-muted);font-size:11px;line-height:1.6}.task-graph-zoom{display:inline-flex;flex:0 0 auto;border:1px solid #d8dde5;border-radius:7px;overflow:hidden}.task-graph-zoom button{border:0;border-right:1px solid #e3e6eb;background:#fff;color:#515965;padding:4px 9px;font:inherit;font-size:11px;cursor:pointer}.task-graph-zoom button:last-child{border-right:0}.task-graph-zoom button:disabled{color:#a1a5ad;cursor:default}
.task-graph button:focus-visible,.task-graph-viewport:focus-visible{outline:2px solid var(--graph-blue);outline-offset:3px}.graph-list-fallback{margin-top:12px;font-size:12px;color:#656a73}.graph-list-fallback>summary{cursor:pointer}.task-overall-context .task-graph{margin:14px 0 0}.matter-graph-heading h3{font-size:16px;margin:0 0 8px}.matter-graph-heading p{font-size:12px;margin:0;color:#656a73}.detail-tabs{flex-wrap:wrap}
@media(max-width:760px){.task-graph-viewport{max-height:360px}.task-graph-toolbar{gap:8px}.task-graph-count{flex-basis:100%}.task-graph-help{font-size:11px}.task-graph-bottom>span{flex-basis:100%}.task-graph-bottom{justify-content:flex-end}.task-graph-switch button{padding:7px 11px}.task-overall-context .task-graph-viewport{max-height:330px}}