.task-filter-bar { display:flex; flex-wrap:wrap; align-items:end; gap:.8rem; padding:1rem; margin-bottom:1rem; border:1px solid var(--border,#666); border-radius:6px; }
.task-filter-bar label { display:flex; flex-direction:column; gap:.4rem; flex:1 1 140px; }
.task-filter-bar select { padding:.65rem; min-height:44px; max-width:100%; background:var(--surface-raised,#202522); color:var(--text,#eee); border:1px solid var(--border,#777); }
.task-filter-bar small { flex-basis:100%; }
.task-dependency-list { list-style:none; padding:0; display:grid; gap:.75rem; }
.task-dependency-list > li { padding:.8rem; border:1px solid var(--border,#777); border-radius:4px; }
.task-dependency-list ul { padding-left:1.3rem; }
.task-dependency-list li { overflow-wrap:anywhere; }
.task-dependency-list .quest-chain-node { max-width:100%; white-space:normal; }
.task-dependency-full summary { cursor:pointer; padding:.8rem 0; font-weight:600; }
.raid-share textarea { width:100%; min-height:7rem; box-sizing:border-box; background:var(--bg,#171c18); color:var(--text,#eee); border:1px solid var(--border,#777); padding:.7rem; resize:vertical; }
.raid-share label { display:block; margin:.6rem 0; }
.raid-import-preview, .raid-conflicts { border-left:3px solid #d7af55; padding:.5rem 1rem; margin:1rem 0; }
.task-filter-bar :focus-visible, .task-dependency-full :focus-visible { outline:2px solid #e0dfa2; outline-offset:3px; }
.task-explorer { margin:1rem 0; padding:1rem; border:1px solid var(--border,#777); border-radius:6px; min-width:0; }
.task-explorer summary { cursor:pointer; font-weight:600; padding:.6rem 0; }
.task-explorer input { display:block; padding:.7rem; margin:.5rem 0; width:100%; box-sizing:border-box; background:var(--bg,#171c18); color:var(--text,#eee); border:1px solid var(--border,#777); }
.task-global-graph { overflow:auto; max-height:34rem; padding:.5rem; border:1px solid var(--border,#777); }
.task-graph-canvas { display:flex; gap:3rem; position:relative; width:max-content; min-width:100%; }
.task-graph-canvas > section { flex:0 0 200px; width:200px; position:relative; z-index:1; }
.task-graph-canvas > svg { position:absolute; inset:0; pointer-events:none; }
.task-graph-canvas path { stroke:#818b85; fill:none; stroke-width:1.5; }
.task-graph-canvas path.selected { stroke:#e2aa55; stroke-width:3; }
.task-graph-node { display:block; text-align:left; padding:.7rem; margin:.5rem 0; min-height:44px; width:100%; background:var(--surface-raised,#202522); color:var(--text,#eee); border:1px solid var(--border,#777); border-radius:4px; cursor:pointer; }
.task-graph-node small { display:block; font-size:.8rem; margin-top:.3rem; }
.task-graph-node.selected { border:2px solid #e2aa55; }
.task-graph-relations { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; }
.task-unlock-results li,.raid-ranking li { margin:.7rem 0; }