.activity-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border:0;padding:0;margin:0;min-width:0}.activity-filter-chips legend{font-size:.75rem;font-weight:700;margin-bottom:6px}.filter-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line,#323232);border-radius:20px;background:var(--paper,#1e1e1e);padding:7px 11px;font-size:.8rem;cursor:pointer}.filter-chip:has(input:checked),.filter-chip[aria-pressed=true]{background:#3c361d;border-color:#a4842e;color:#ffe286}.filter-chip input{width:14px;height:14px;accent-color:#e1b735;margin:0}
.dependency-panel{--map-paper:#222222;--map-line:#414141;--map-muted:#c2beb2;background:#1e1e1e;color:#eaf1f9;border:1px solid #3b3b3b;border-radius:18px;padding:20px;box-shadow:0 20px 50px #0002;min-width:0}.dependency-panel .dependency-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}.dependency-panel .dependency-toolbar>div:first-child{max-width:690px;flex:1 1 320px}.dependency-eyebrow{display:block;color:#f5cc50;font-size:.68rem;font-weight:800;letter-spacing:.16em;margin-bottom:5px}.dependency-panel .dependency-toolbar h2{font-size:clamp(1.24rem,2vw,1.6rem);letter-spacing:-.025em;margin:0 0 5px}.dependency-panel .dependency-toolbar p{font-size:.85rem;line-height:1.5;margin:0;color:#cfccc3}.dependency-toolbar-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dependency-show-todos{display:inline-flex;align-items:center;gap:7px;background:#2b2b2b;border:1px solid #484848;border-radius:10px;padding:9px 11px;font-size:.78rem;color:#eeede9;white-space:nowrap}.dependency-show-todos input{accent-color:#f6d252}.dependency-zoom-label{display:flex;align-items:center;gap:7px;font-size:.74rem;color:#d1cdc4}.dependency-zoom-label input{width:100px;accent-color:#f2ca4f}.dependency-zoom-button{width:32px;height:32px;border-radius:9px;border:1px solid #4d4d4d;background:#313131;color:#f1f5fb;font-size:1.15rem;cursor:pointer}.dependency-zoom-button:hover{background:#3f3f3f}
.dependency-legend{display:flex;align-items:center;gap:11px 20px;flex-wrap:wrap;margin:16px 0 4px;padding:10px 12px;border:1px solid #393939;background:#1f1f1f;border-radius:11px;color:#d8d5ce;font-size:.72rem}.dependency-legend span{display:inline-flex;align-items:center;gap:8px}.dependency-legend i{display:inline-block;flex:none}.dependency-legend-arrow{width:28px;border-top:3px solid #f3c944;position:relative}.dependency-legend-arrow::after{content:'';position:absolute;right:0;top:-6px;border-left:7px solid #f3c944;border-top:4px solid transparent;border-bottom:4px solid transparent}.dependency-legend-belong{width:26px;border-top:2px dashed #a69f8e}.dependency-legend-box{width:17px;height:12px;border:1px solid #958d78;border-radius:4px;background:#2e2e2e}.dependency-count{color:#c2bdb1;font-size:.74rem;margin:8px 0 12px}.dependency-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,292px);gap:12px;align-items:stretch;min-width:0}
.dependency-panel .dependency-scroll{position:relative;overflow:auto;max-height:72vh;min-height:420px;border:1px solid #3f3f3f;border-radius:14px;background-color:#171717;background-image:radial-gradient(#393939 1px,transparent 1px);background-size:22px 22px;scrollbar-color:#7a725f #202020;cursor:grab}.dependency-panel .dependency-scroll.is-panning{cursor:grabbing;user-select:none}.dependency-size{position:relative;min-width:100%;min-height:100%}.dependency-canvas{position:relative;transform-origin:top left}.dependency-lane{position:absolute;left:20px;z-index:0;border:1px solid #3b3b3b;border-radius:19px;background:linear-gradient(125deg,#2323238f,#1e1e1e59);box-shadow:inset 0 1px #ffffff0a;pointer-events:none}.dependency-lane span{position:absolute;top:15px;left:19px;font-size:.71rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#bdb8ab}.dependency-lane.lane-1{border-color:#3f3f3f;background:linear-gradient(125deg,#24242491,#1d1d1d70)}.dependency-lane.lane-1 span{color:#c5a3db}.dependency-lane.lane-2{border-color:#373737;background:linear-gradient(125deg,#332d1f80,#25231564)}.dependency-lane.lane-2 span{color:#d8bf7a}.dependency-lane.lane-3{border-color:#34524b;background:linear-gradient(125deg,#20202082,#18282559)}.dependency-lane.lane-3 span{color:#8ed4bf}
.dependency-panel .dependency-wires{position:absolute;inset:0;z-index:3;pointer-events:none;color:#f4cf58;overflow:visible}.dependency-panel .dependency-wires path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.dependency-panel .dependency-wires .dependency-requires{stroke:#e8bd42;stroke-width:2.7;filter:drop-shadow(0 1px 3px #0007)}.dependency-panel .dependency-wires .dependency-requires.is-before{stroke:#ffd868;stroke-width:3.8}.dependency-panel .dependency-wires .dependency-requires.is-after{stroke:#87ccef;stroke-width:3.8}.dependency-panel .dependency-wires .dependency-requires.is-muted{stroke:#978f7b;stroke-width:1.3;opacity:.17}.dependency-panel .dependency-wires .dependency-belong{stroke:#a59e8d;stroke-width:1.8;stroke-dasharray:6 6;opacity:.72}
.dependency-panel .dependency-node{position:absolute;z-index:2;box-sizing:border-box;width:320px;min-height:154px;border:1px solid #746d5b;border-left:4px solid #e4b93c;border-radius:14px;background:linear-gradient(160deg,#303030,#2b2b2b);box-shadow:0 9px 23px #0707075c,0 1px 0 #ffffff16 inset;transition:opacity .18s,box-shadow .18s,border-color .18s;color:#eef3fa;padding:0;overflow:visible}.dependency-panel .dependency-node.is-complete{border-left-color:#78d4a5}.dependency-panel .dependency-node.is-selected{border-color:#ffe18a;box-shadow:0 0 0 3px #ffe18a5e,0 15px 28px #0008}.dependency-panel .dependency-node.is-before{border-color:#f6ca5c}.dependency-panel .dependency-node.is-after{border-color:#86cdee}.dependency-panel .dependency-node.is-context{border-color:#978f7b}.dependency-panel .dependency-node.is-muted{opacity:.28}.dependency-card-head{position:absolute;left:14px;right:14px;top:11px;display:flex;align-items:center;justify-content:space-between;gap:8px;height:22px}.dependency-kind{color:#efc958;font-size:.64rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.dependency-status{font-size:.62rem;font-weight:700;border-radius:99px;padding:4px 7px;background:#444444;color:#d8e5f3;white-space:nowrap}.dependency-status.completed{background:#1d5a45;color:#b7f2d7}.dependency-status.in_progress{background:#594c27;color:#ffe39b}.dependency-parent{position:absolute;left:14px;right:14px;top:34px;color:#bab5a8;font-size:.62rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dependency-panel .dependency-activity>.dependency-card-title{position:absolute;top:43px;left:14px;right:14px;max-height:40px}.dependency-panel .dependency-activity>.dependency-parent+.dependency-card-title{top:52px}.dependency-card-title{border:0;background:none;padding:0;color:#f7f6f4;text-align:left;font-weight:800;font-size:.87rem;line-height:1.28;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dependency-card-title:hover,.dependency-card-title:focus-visible{color:#ffe398;text-decoration:underline;text-underline-offset:3px}.dependency-card-meta{position:absolute;top:103px;left:14px;color:#c8c4b9;font-size:.64rem}.dependency-card-actions{position:absolute;top:97px;right:12px;display:flex;gap:5px}.dependency-card-actions button{font-size:.63rem;line-height:1;padding:6px 8px;border:1px solid #857d69;background:#414141;color:#e7f0f9;border-radius:7px;cursor:pointer}.dependency-card-actions button:hover{background:#736c5a}.dependency-card-actions .dependency-edit{background:transparent;color:#d1cdc4}.dependency-todos{position:absolute;top:132px;left:16px;width:288px}.dependency-todo{height:46px;box-sizing:border-box;margin-bottom:10px;display:flex;align-items:center;gap:9px;padding:5px 8px;border:1px solid #837b67;border-radius:9px;background:#252525;box-shadow:inset 0 1px #ffffff12}.dependency-todo.is-selected{outline:2px solid #ffda68;background:#393939}.dependency-todo.is-before{border-color:#f3c651}.dependency-todo.is-after{border-color:#86cfee}.dependency-todo.is-parallel{border-color:#bdb7aa}.dependency-todo.is-muted{opacity:.35}.dependency-todo-dot{width:8px;height:8px;flex:none;background:#dad8d1;border-radius:50%}.dependency-todo.is-before .dependency-todo-dot{background:#ffd763}.dependency-todo.is-after .dependency-todo-dot{background:#8bd4f2}.dependency-todo>div{min-width:0;flex:1}.dependency-todo .dependency-card-title{font-size:.68rem;line-height:1.15;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:205px}.dependency-todo small{display:block;font-size:.58rem;color:#c3beb2;margin-top:3px}.dependency-todo-open{border:0;background:none;color:#dddad3;cursor:pointer;font-size:.92rem;padding:4px}.dependency-todo-open:hover{color:#ffe28a}.dependency-todos-empty{position:absolute;top:131px;left:15px;color:#a59e8c;font-size:.62rem}
.dependency-inspector{border:1px solid #494949;border-radius:14px;background:linear-gradient(170deg,#2e2e2e,#262626);padding:16px;max-height:72vh;min-height:420px;overflow:auto;scrollbar-color:#857d69 #2c2c2c}.dependency-inspector-empty{display:grid;align-content:center;min-height:340px}.dependency-inspector-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#514524;color:#ffe187;font-size:1.45rem}.dependency-inspector h3{font-size:1rem;line-height:1.3;margin:10px 0;color:#f4f7fc}.dependency-inspector p{font-size:.75rem;line-height:1.52;color:#cfccc3;margin:7px 0 12px}.dependency-example{padding:10px 12px;background:#242424;border-left:3px solid #e3bd46;border-radius:5px}.dependency-inspector-top{display:flex;justify-content:space-between;align-items:center;color:#f2cc60;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.dependency-inspector-top button{border:1px solid #827b67;border-radius:7px;background:#3a3a3a;color:#eaf2fb;cursor:pointer;font-size:1rem;line-height:1;width:25px;height:25px}.dependency-inspector-open{font-size:.72rem;font-weight:800;color:#ffe390;background:#4a422d;border:1px solid #846d38;border-radius:8px;padding:8px 10px;cursor:pointer}.dependency-inspector-group{border-top:1px solid #474747;margin-top:15px;padding-top:12px}.dependency-inspector-group h4{display:flex;justify-content:space-between;margin:0 0 9px;color:#e7eef8;font-size:.75rem}.dependency-inspector-group h4 span{color:#f0cd67}.dependency-inspector-group p{font-size:.69rem}.dependency-inspector-group ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}.dependency-inspector-group li button{width:100%;text-align:left;border:1px solid #494949;background:#2e2e2e;color:#e2edf9;border-radius:7px;padding:7px 9px;cursor:pointer}.dependency-inspector-group li button:hover{border-color:#deb74c;background:#3d3d3d}.dependency-inspector-group strong{display:block;font-size:.7rem;line-height:1.3}.dependency-inspector-group small{display:block;margin-top:3px;font-size:.6rem;color:#cac6bc}.dependency-empty{color:#e8e6e1;font-size:.84rem}
.dependency-options{max-height:45vh;overflow:auto;margin:16px 0}.dependency-options label{display:flex;gap:10px;align-items:flex-start;padding:10px;border-bottom:1px solid var(--line,#3d3d3d)}.dependency-options label[hidden]{display:none}.dependency-options small{display:block;color:var(--muted,#b6b1a3)}.dependency-options input{width:17px;height:17px;flex-shrink:0}.dependency-detail{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line,#3d3d3d)}.dependency-detail>span{flex:1 1 200px;font-size:.8rem}.activity-dependencies{margin-top:24px}#activity-filters{flex-wrap:wrap}
@media(max-width:900px){.dependency-workspace{grid-template-columns:minmax(0,1fr)}.dependency-inspector{min-height:0;max-height:390px}.dependency-panel .dependency-scroll{max-height:62vh}}@media(max-width:640px){.dependency-panel{padding:12px}.dependency-panel .dependency-scroll{min-height:350px;max-height:55vh}.dependency-toolbar-controls{width:100%}.dependency-zoom-label{flex:1}.dependency-zoom-label input{width:100%}.activity-filter-chips{flex-basis:100%}}

/* The activity chooser and its focused, single-activity canvas. */
.dependency-activity-picker{margin-bottom:20px}.dependency-picker-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:15px}.dependency-picker-head h2{font-size:clamp(1.3rem,2.4vw,1.85rem);margin:0 0 4px;letter-spacing:-.035em;color:#f3f7ff}.dependency-picker-head p{font-size:.83rem;line-height:1.5;color:#c8c4b9;margin:0}.dependency-picker-back{border:1px solid #8d846e;border-radius:9px;background:#2f2f2f;color:#ecf2fa;padding:9px 13px;font-size:.78rem;font-weight:700;cursor:pointer}.dependency-picker-back:hover{border-color:#e9c761;color:#ffe293}.dependency-activity-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.dependency-activity-choice{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0;min-height:118px;text-align:left;border:1px solid #4c4c4c;border-radius:13px;background:linear-gradient(145deg,#323232,#2b2b2b);color:#edf3fc;padding:13px 14px;box-shadow:0 8px 22px #08080838;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.dependency-activity-choice:hover{transform:translateY(-2px);border-color:#e7c766;box-shadow:0 13px 25px #08080870}.dependency-activity-choice.is-active{border-color:#f4d56e;background:linear-gradient(145deg,#564825,#2e2e2e);box-shadow:0 0 0 2px #f1cc5252}.dependency-choice-title{font-size:.86rem;font-weight:800;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dependency-choice-meta{font-size:.68rem;color:#cfcbc2;line-height:1.3}.dependency-choice-progress,.dependency-card-progress{display:block;height:5px;border-radius:99px;background:#181818;overflow:hidden}.dependency-choice-progress{margin-top:auto}.dependency-choice-progress i,.dependency-card-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#edc64b,#f6e29a)}.dependency-choice-bottom{font-size:.68rem;font-weight:800;color:#efd37c;display:flex;justify-content:space-between}.dependency-choice-bottom b{font-size:.95rem}.dependency-start{border:1px dashed #817965;border-radius:18px;min-height:210px;display:grid;place-content:center;text-align:center;padding:24px;background:radial-gradient(circle at center,#3535356e,#1e1e1e 65%)}.dependency-start>span{font-size:2rem;color:#f3d46e}.dependency-start h3{margin:4px 0;color:#eaf2fa}.dependency-start p{margin:0;color:#c9c5bb;font-size:.79rem;line-height:1.5}
.dependency-panel .dependency-toolbar h3{font-size:clamp(1.18rem,2vw,1.55rem);letter-spacing:-.025em;margin:0 0 5px;color:#f9f8f7}.dependency-panel .dependency-lane{border-color:#424242;background:linear-gradient(155deg,#2626268c,#2020203d);border-radius:26px}.dependency-panel .dependency-lane span{color:#afa999}.dependency-panel .dependency-node.dependency-map-card{z-index:4;min-height:0;border:1px solid #837b67;border-left:4px solid #79b9e0;border-radius:14px;background:linear-gradient(155deg,#393939,#2f2f2f);box-shadow:0 11px 23px #08080885,0 1px 0 #ffffff1c inset;padding:0;overflow:hidden}.dependency-panel .dependency-node.dependency-map-card.is-selected{border-color:#fbe18e;box-shadow:0 0 0 3px #f9d25b6e,0 15px 30px #0009}.dependency-panel .dependency-node.dependency-map-card.is-before{border-color:#edca66}.dependency-panel .dependency-node.dependency-map-card.is-after{border-color:#83d3e6}.dependency-panel .dependency-node.dependency-map-card.is-parallel{border-color:#bd9fe1}.dependency-panel .dependency-node.dependency-map-card.is-muted{opacity:.27}.dependency-panel .dependency-node.dependency-root{border:2px solid #f0ce66;background:linear-gradient(145deg,#5a4829,#2a2a2a 52%,#383838);box-shadow:0 0 0 5px #e4b9391d,0 18px 38px #0009}.dependency-panel .dependency-root .dependency-kind{color:#ffe48b}.dependency-panel .dependency-node.dependency-external{border-style:dashed;border-color:#bfbaad;border-left:4px solid #c4a6ee;background:linear-gradient(145deg,#3b3b3b,#303030)}.dependency-panel .dependency-external .dependency-kind{color:#d8bdf5}.dependency-panel .dependency-node.dependency-map-card .dependency-card-head{left:12px;right:12px;top:10px;height:20px}.dependency-panel .dependency-node.dependency-map-card .dependency-card-title{position:absolute;left:13px;right:13px;top:37px;max-height:36px;font-size:.79rem;line-height:1.2}.dependency-panel .dependency-node.dependency-root .dependency-card-title{font-size:1rem}.dependency-panel .dependency-node.dependency-map-card .dependency-card-progress{position:absolute;left:13px;right:50px;top:78px}.dependency-panel .dependency-node.dependency-map-card .dependency-card-percent{position:absolute;right:13px;top:72px;font-size:.67rem;font-weight:800;color:#f1db8b}.dependency-panel .dependency-node.dependency-map-card .dependency-card-deadline{position:absolute;left:13px;right:13px;top:91px;font-size:.63rem;color:#dad8d1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dependency-panel .dependency-node.dependency-map-card .dependency-card-deadline>span{font-size:.85rem;vertical-align:-.08em}.dependency-panel .dependency-node.dependency-map-card .dependency-card-deadline.deadline-late{color:#ffaea9}.dependency-panel .dependency-node.dependency-map-card .dependency-card-deadline.deadline-on-time{color:#b7e2c2}.dependency-panel .dependency-node.dependency-map-card .dependency-card-deadline.deadline-none{color:#cfcbc1}.dependency-panel .dependency-node.dependency-map-card .dependency-card-block{position:absolute;left:13px;right:13px;top:108px;font-size:.59rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffaaa8;font-weight:750}.dependency-panel .dependency-node.dependency-map-card .dependency-card-parent{position:absolute;left:13px;right:83px;bottom:8px;font-size:.59rem;color:#cfcbc2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dependency-panel .dependency-node.dependency-map-card .dependency-card-actions{top:auto;right:11px;bottom:7px}.dependency-panel .dependency-node.dependency-map-card .dependency-card-actions button{font-size:.6rem;padding:4px 6px;background:#313131;border-color:#8b836d}.dependency-panel .dependency-node.dependency-root .dependency-card-actions button{background:#5e512c;border-color:#aa8f43}.dependency-status.not_started,.dependency-status.is-stale{background:#782e35;color:#ffdbda}.dependency-panel .dependency-wires .dependency-requires.deadline-on-time{stroke:#77d5a3}.dependency-panel .dependency-wires .dependency-requires.deadline-late{stroke:#f48181;stroke-dasharray:5 4}.dependency-panel .dependency-wires .dependency-requires.deadline-none{stroke:#c1bcb0;stroke-dasharray:2 6}.dependency-panel .dependency-wires .dependency-requires.deadline-complete{stroke:#80c6e4}.dependency-panel .dependency-wires .dependency-requires.is-paused,.dependency-panel .dependency-wires .dependency-belong.is-paused{stroke:#f39f72;stroke-dasharray:9 4 2 4;stroke-width:3}.dependency-panel .dependency-wires .dependency-requires.is-muted{stroke:#968e79;stroke-width:1.3;opacity:.2}.dependency-panel .dependency-wires .dependency-belong.deadline-late{stroke:#e88b81}.dependency-panel .dependency-wires .dependency-belong.deadline-on-time{stroke:#85b99b}.dependency-legend-time{width:24px;height:0;border-top:3px solid #78d4a7}.dependency-legend-time.is-late{border-top-color:#f48d89;border-top-style:dashed}.dependency-legend-time.is-none{border-top-color:#c2bdb1;border-top-style:dotted}.dependency-legend-time.is-complete{border-top-color:#80c6e4}.dependency-legend-time.is-paused{border-top-color:#eaa075;border-top-style:dashed;border-top-width:4px}.dependency-option-filters{display:flex;gap:12px;flex-wrap:wrap}.dependency-option-filters label{display:grid;gap:5px;flex:1 1 180px;font-size:.75rem;font-weight:700}.dependency-option-filters select,.dependency-option-filters input{width:100%;min-height:34px;border:1px solid var(--line,#736c5b);border-radius:7px;background:var(--paper,#2e2e2e);color:inherit;padding:6px 9px}
@media(max-width:640px){.dependency-activity-list{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.dependency-activity-choice{min-height:124px}.dependency-panel .dependency-node.dependency-map-card .dependency-card-title{font-size:.75rem}}
.dependency-panel .dependency-node.dependency-workshop{border-color:#cc8f90;border-left:4px solid #f0a4a1;background:linear-gradient(145deg,#49353e,#323232)}.dependency-panel .dependency-workshop .dependency-kind{color:#ffc3b4}.dependency-panel .dependency-workshop .dependency-card-deadline{top:81px!important;white-space:normal!important;line-height:1.25}.dependency-panel .dependency-workshop .dependency-card-block{top:107px!important}.dependency-workshop-options{display:grid;gap:8px;max-height:48vh;overflow:auto;margin:16px 0}.dependency-workshop-option{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line,#494949);border-radius:9px;background:var(--paper,#2e2e2e);padding:10px}.dependency-workshop-option label{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.dependency-workshop-option input{width:17px;height:17px;flex:none}.dependency-workshop-option strong{display:block;line-height:1.3;font-size:.81rem}.dependency-workshop-option small{display:block;color:var(--muted,#c0bbaf);font-size:.68rem;margin-top:3px}.dependency-workshop-option select{min-width:105px;border:1px solid var(--line,#78715f);border-radius:7px;background:var(--paper,#2e2e2e);color:inherit;padding:6px}.dependency-workshop-hidden{font-size:.75rem;color:#d5a5a3;padding:8px 0}@media(max-width:620px){.dependency-workshop-option{align-items:stretch;flex-direction:column}.dependency-workshop-option select{width:100%}}
.dependency-option-filters[hidden]{display:none}.dependency-option-help{padding:10px 12px;border:1px solid var(--line,#736c5b);border-radius:10px;background:color-mix(in srgb,var(--paper,#2e2e2e) 82%,transparent);font-size:.84rem;line-height:1.45}.dependency-option-switch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 10px}.dependency-option-switch>span{font-size:.73rem;color:var(--muted,#b6b1a3)}.dependency-own-todos{display:grid;gap:8px;margin:12px 0;padding:12px;border:1px solid var(--line,#736c5b);border-radius:10px}.dependency-own-todos>strong{font-size:.8rem}.dependency-own-todo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--line,#736c5b)}.dependency-own-todo span{min-width:0;overflow-wrap:anywhere}.dependency-option-empty{font-size:.8rem;color:var(--muted,#b6b1a3)}.dependency-option-empty[hidden]{display:none}
.dependency-detail{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'title action' 'summary action';align-items:start;column-gap:16px;row-gap:4px}.dependency-detail>strong{grid-area:title;min-width:0;overflow-wrap:anywhere;line-height:1.35}.dependency-detail>span{grid-area:summary;min-width:0;overflow-wrap:anywhere;line-height:1.35}.dependency-detail>.button{grid-area:action;align-self:center;justify-self:end;white-space:nowrap;max-width:100%}@media(max-width:560px){.dependency-detail{grid-template-columns:minmax(0,1fr);grid-template-areas:'title' 'summary' 'action'}.dependency-detail>.button{justify-self:start;margin-top:5px}}

.dependency-size{overflow:hidden}.dependency-toolbar-controls{flex-wrap:wrap}.dependency-toolbar-controls [data-map-fit]{white-space:nowrap}
.dependency-panel .dependency-scroll{scrollbar-gutter:stable}

.dependency-activity-choice[style],.dependency-panel .dependency-node.dependency-map-card[style]{background-color:#242424;background-image:linear-gradient(#242424eb,#242424eb),var(--area-wash-gradient);color:#edf3fa;border-top:4px solid transparent;background-origin:padding-box}.dependency-activity-choice[style]::before,.dependency-panel .dependency-node.dependency-map-card[style]::before{content:"";position:absolute;left:10px;right:10px;top:0;height:4px;border-radius:4px;background:var(--area-gradient);pointer-events:none}.dependency-activity-choice{position:relative}.dependency-node-areas{position:absolute;left:14px;right:14px;bottom:31px;font-size:9px;line-height:11px;color:var(--muted,#d7d3cb);overflow:hidden;max-height:22px}.dependency-panel .dependency-node.dependency-root{outline:2px solid #ffe078;outline-offset:2px}

.dependency-panel .dependency-map-card .dependency-node-areas{top:111px;bottom:auto;line-height:12px;max-height:24px}.dependency-panel .dependency-node.dependency-map-card .dependency-card-block{top:141px}.dependency-panel .dependency-node.dependency-map-card .dependency-card-parent{top:161px;bottom:auto;right:13px}

/* People, linked goals and explicit prerequisite direction. */
.dependency-people{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.dependency-people>span{display:inline-flex}.dependency-people .avatar{width:26px;height:26px;min-width:26px;overflow:hidden;border-radius:50%;font-size:9px}.dependency-people .avatar img{width:100%;height:100%;object-fit:cover}.dependency-goals{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.dependency-goal{display:block;max-width:100%;font-size:10px;line-height:1.35;color:#ffe391;background:#403921;border:1px solid #8f7938;border-radius:5px;padding:3px 6px;overflow-wrap:anywhere}.dependency-card-context{position:absolute;top:181px;left:13px;right:13px;bottom:38px;overflow:auto;display:flex;flex-direction:column;gap:7px}.dependency-block-summary{font-size:10px;line-height:1.4;color:#ffd0b0}.dependency-block-summary>div+div{margin-top:4px}.dependency-activity-choice>.dependency-goals:empty{display:none}

/* Content-sized cards keep the vertical canvas proportional to the work shown. */
.dependency-panel .dependency-node.dependency-map-card{height:auto!important;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:10px 12px 9px}
.dependency-panel .dependency-node.dependency-map-card .dependency-card-head,.dependency-panel .dependency-node.dependency-map-card .dependency-card-title,.dependency-panel .dependency-node.dependency-map-card .dependency-node-areas,.dependency-panel .dependency-node.dependency-map-card .dependency-card-progress,.dependency-panel .dependency-node.dependency-map-card .dependency-card-percent,.dependency-panel .dependency-node.dependency-map-card .dependency-card-deadline,.dependency-panel .dependency-node.dependency-map-card .dependency-card-block,.dependency-panel .dependency-node.dependency-map-card .dependency-card-parent,.dependency-panel .dependency-node.dependency-map-card .dependency-card-actions,.dependency-panel .dependency-node.dependency-map-card .dependency-card-context{position:static;left:auto;right:auto;top:auto!important;bottom:auto;width:auto;max-height:none;min-height:0;margin:0}
.dependency-panel .dependency-node.dependency-map-card .dependency-card-head{height:auto;min-height:18px;gap:5px}.dependency-panel .dependency-node.dependency-map-card .dependency-card-title{text-align:left;white-space:normal;overflow:visible;display:block;line-height:1.3;flex:none}.dependency-panel .dependency-node.dependency-map-card .dependency-node-areas:empty{display:none}.dependency-panel .dependency-node.dependency-map-card .dependency-card-percent{text-align:right;line-height:1;margin-top:-3px}.dependency-panel .dependency-node.dependency-map-card .dependency-card-progress{flex:none;height:4px}.dependency-panel .dependency-node.dependency-map-card .dependency-card-context{display:flex;flex-direction:column;overflow:visible;gap:5px}.dependency-panel .dependency-node.dependency-map-card .dependency-card-context:empty,.dependency-panel .dependency-node.dependency-map-card .dependency-goals:empty,.dependency-panel .dependency-node.dependency-map-card .dependency-block-summary:empty{display:none}.dependency-panel .dependency-node.dependency-map-card .dependency-card-parent{white-space:normal}.dependency-panel .dependency-node.dependency-map-card .dependency-card-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px;margin-top:2px}.dependency-panel .dependency-node.dependency-map-card .dependency-card-deadline,.dependency-panel .dependency-node.dependency-map-card .dependency-card-block{white-space:normal;overflow:visible;line-height:1.3}

/* Zoom scales the graph, while the viewport keeps its available screen area. */
.dependency-panel .dependency-scroll{height:72vh}
@media(max-width:900px){.dependency-panel .dependency-scroll{height:62vh}}
@media(max-width:640px){.dependency-panel .dependency-scroll{height:55vh}}

/* Controls stay legible while the graph itself pans and scales independently. */
.dependency-panel .dependency-toolbar{align-items:start;padding:14px;border:1px solid #4b473d;border-radius:13px;background:#272622}.dependency-panel .dependency-toolbar-controls{justify-content:flex-end;gap:7px}.dependency-panel .dependency-toolbar-controls .button,.dependency-panel .dependency-zoom-button{min-height:38px}.dependency-panel .dependency-zoom-button{min-width:38px}.dependency-panel .dependency-zoom-value{min-width:40px;color:#f4d77c;font-size:.76rem;font-variant-numeric:tabular-nums;text-align:right}.dependency-panel .dependency-zoom-label input{min-width:90px}.dependency-panel .dependency-node.dependency-map-card{background:linear-gradient(155deg,#33312d,#292929);border-color:#777064}.dependency-panel .dependency-node.dependency-map-card.is-muted{opacity:.47}.dependency-panel .dependency-wires .dependency-requires.is-muted{opacity:.38;stroke-width:1.8}.dependency-panel .dependency-node.dependency-map-card .dependency-card-title{font-size:.86rem;line-height:1.32}.dependency-panel .dependency-node.dependency-map-card .dependency-kind{font-size:.66rem}.dependency-panel .dependency-node.dependency-map-card .dependency-card-actions button{min-height:29px;font-size:.68rem}.dependency-panel .dependency-node.dependency-map-card :is(button,a):focus-visible,.dependency-panel .dependency-toolbar button:focus-visible,.dependency-panel .dependency-activity-choice:focus-visible{outline:2px solid #ffe28a;outline-offset:2px}.dependency-panel .dependency-inspector{background:#272727;border-color:#676153}.dependency-panel .dependency-inspector-group li button{min-height:36px}
@media(max-width:900px){.dependency-panel .dependency-toolbar-controls{justify-content:flex-start}.dependency-panel .dependency-workspace{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.dependency-panel .dependency-node,.dependency-panel .dependency-activity-choice,.dependency-panel .dependency-toolbar button{transition:none}}

/* Area gradient reaches each rounded card edge; real area and skill chips wrap compactly. */
.dependency-activity-choice[style]::before,.dependency-panel .dependency-node.dependency-map-card[style]::before{left:-1px;right:-1px;top:-4px;height:4px;border-radius:12px 12px 0 0}
.dependency-panel .dependency-node.dependency-map-card[style]{overflow:visible}
.dependency-skill-tags{display:block;min-width:0;max-width:100%}
.dependency-skill-tags .area-chips{display:flex;flex-wrap:wrap;gap:3px 4px;min-width:0}
.dependency-skill-tags .area-chip{max-width:100%;padding:3px 6px;font-size:9px;line-height:1.25;overflow-wrap:anywhere;white-space:normal}
.dependency-activity-choice>.dependency-skill-tags{margin:2px 0 3px}
.dependency-panel .dependency-node.dependency-map-card .dependency-node-areas{overflow:visible}
.dependency-panel .dependency-node.dependency-map-card .dependency-skill-tags .area-chip{padding:2px 5px;font-size:8px}

/* The explanation is available on demand, including keyboard and touch. */
.dependency-map-help{position:relative;display:inline-block;margin-top:4px}
.dependency-map-help summary{display:grid;place-items:center;width:30px;height:30px;border:1px solid #8b7b54;border-radius:50%;background:#39352b;color:#ffe28a;font-size:19px;font-weight:700;line-height:1;cursor:pointer;list-style:none}

.dependency-map-help summary::-webkit-details-marker{display:none}
.dependency-map-help summary:focus-visible{outline:2px solid #ffe28a;outline-offset:2px}
.dependency-map-help>div{position:absolute;z-index:20;left:0;top:calc(100% + 8px);width:min(340px,calc(100vw - 58px));box-sizing:border-box;padding:12px 14px;border:1px solid #8b7b54;border-radius:9px;background:#302e29;color:#eee9dc;box-shadow:0 8px 25px #0009;font-size:.75rem;line-height:1.5}

/* Keep the area stripe inside the rounded activity picker and graph cards. */
.dependency-activity-choice[style],.dependency-panel .dependency-node.dependency-map-card[style]{border-top-width:1px}
.dependency-activity-choice[style]::before,.dependency-panel .dependency-node.dependency-map-card[style]::before{top:0;left:0;right:0;height:5px;border-radius:10px 10px 0 0}