.nova-task-list{padding:4px 0 25px;color:#f7f6fb}
.task-list-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}
.task-list-intro h2{font-size:19px;font-weight:580;letter-spacing:-.3px;margin:0 0 7px}
.task-list-intro p{font-size:13px;line-height:1.6;color:#b3afbf;margin:0}
.task-list-intro>.row{gap:7px;flex-shrink:0;flex-wrap:wrap}
.task-list-intro [data-action=new-task]{background:#30253f;border-color:#60477b;color:#edddff}
.task-list-intro [data-action=new-task]:hover{background:#403054;border-color:#aa80da}
.task-tree-project{margin-bottom:24px}
.task-tree-project>header{display:flex;align-items:center;gap:10px;margin:22px 0 12px}
.task-tree-project>header h3{font-size:17px;font-weight:550}
.task-tree-scroll{overflow-x:auto;border:1px solid #34323a;border-radius:10px;background:#131316}
.task-tree{width:100%;min-width:960px;table-layout:fixed;border-collapse:collapse;text-align:left;font-size:14px}
.task-tree th{height:40px;padding:0 10px;color:#bcb7c8;font-size:11px;font-weight:450;background:#1b191f;border-bottom:1px solid #35303d}
.task-tree th:first-child{padding-left:18px}
.task-tree th:nth-child(2){width:119px}.task-tree th:nth-child(3){width:88px;text-align:center}.task-tree th:nth-child(4){width:72px}.task-tree th:nth-child(5){width:103px}.task-tree th:nth-child(6){width:36px}
.task-tree td{padding:9px 10px;border-bottom:1px solid #29272f;height:54px}
.task-tree tr:last-child td{border-bottom:0}
.tree-epic{background:#211b2c}.tree-epic td{height:52px;border-top:1px solid #3a2c49;border-bottom:1px solid #3a2c49}
.tree-epic-heading{display:flex;align-items:center;gap:8px;min-width:0}
.tree-title{display:flex;align-items:baseline;gap:9px;min-width:0;text-align:left;padding:5px 0;line-height:1.5;color:#fff}
.tree-title:hover .tree-title-text{color:#ddc5ff}
.tree-code{font-variant-numeric:tabular-nums;white-space:nowrap;color:#baa9d0;font-size:10px;letter-spacing:.15px;flex-shrink:0}
.tree-title-text{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#f8f7fc}
.tree-epic .tree-title-text{font-size:15px;font-weight:550;color:#f2e3ff}
.tree-epic .tree-code{color:#c9abdf;font-size:11px}
.tree-child-count{font-size:10px;white-space:nowrap;color:#a9a0b8;background:#ffffff08;border-radius:5px;padding:2px 5px;flex-shrink:0}
.tree-epic-heading .tree-child-count{margin-left:3px}
.tree-name>div{display:flex;align-items:center;gap:4px;min-width:0;padding-left:calc(var(--tree-depth) * 16px)}
.tree-name .tree-title{flex:1;min-width:0}
.tree-toggle,.tree-toggle-space{width:18px;flex:0 0 18px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#ada0bc;border-radius:4px}
.tree-toggle svg{width:12px;height:12px}.tree-toggle:hover{background:#ffffff0d;color:#fff}
.tree-complete{display:flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:26px;padding:0;color:#78c9a7;border-radius:4px}
.tree-complete:hover{background:#ffffff0d}.tree-complete svg{width:15px;height:15px}
.tree-item .cosmic-icon{width:20px;flex-basis:20px}.tree-item .cosmic-icon svg{width:16px;height:16px}
.tree-item:hover{background:#1d1923}.tree-subtask{background:#101113}.tree-subtask .tree-title-text{font-size:13px;color:#e6e5ef}.tree-subtask .tree-code{font-size:10px;color:#9aaeb7}
.tree-item.is-context .tree-title-text{color:#b7b0c5}.tree-item.is-complete .tree-title-text{text-decoration:line-through;text-decoration-color:#89978d;color:#adbbb3}
.tree-status{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--status-color)}
.tree-assignee{text-align:center}.tree-assignee .avatar{width:25px;height:25px;font-size:9px;margin:0 auto}
.tree-date{font-size:11px;white-space:nowrap;color:#c6c2d0;font-variant-numeric:tabular-nums}
.tree-gantt-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;font-size:11px;color:#c7b2e6}
.tree-gantt-toggle.off{color:#aaa3b6}.tree-gantt-toggle:has(input:disabled){opacity:.6;cursor:default}
.tree-gantt-toggle input,.gantt-visibility-control input{accent-color:#b88af5;width:14px;height:14px;padding:0;flex-shrink:0;margin:0;cursor:pointer}
.tree-actions{padding-left:0!important;padding-right:5px!important}.tree-actions .icon-btn{width:26px;height:26px;color:#a99abf}.tree-actions .icon-btn:hover{color:#fff;background:#383041}
.tree-loose td{font-size:12px;color:#bfb4cf;background:#1b1920;height:41px}.tree-loose svg{width:14px;height:14px;vertical-align:middle;margin:0 10px 0 4px}.tree-loose span{font-size:10px;margin-left:8px;color:#8e879b}
.tree-empty td{font-size:13px;color:#b8a9cb;padding:20px 43px}
.tree-empty-state{padding:65px 25px;text-align:center;border:1px dashed #413649;border-radius:12px;background:#19151f}
.tree-empty-state>svg{width:32px;height:32px;color:#c29aed;margin-bottom:13px}.tree-empty-state h3{font-size:17px;margin-bottom:10px}.tree-empty-state p{font-size:13px;color:#b6a9c5;margin-bottom:20px}
.gantt-visibility-control,.task-property>.gantt-visibility-control,.modal .gantt-visibility-control{display:flex;align-items:center;gap:9px;width:auto;white-space:normal;color:#ece5f6;font-size:13px;line-height:1.5;cursor:pointer}
.task-gantt-property{grid-column:1/-1;margin-top:4px}.task-property>.gantt-visibility-control{flex:1;flex-shrink:1}
.gantt-visibility-control span{display:block}.gantt-visibility-control small{display:block;color:#a9a0b5;font-size:11px;margin-top:2px}
.modal .gantt-visibility-control{margin:20px 0}.modal .gantt-visibility-control input{width:15px;height:15px}
@media(max-width:1150px){.task-list-intro{flex-wrap:wrap;gap:13px}.task-list-intro>.row{gap:4px}.task-list-intro .btn{font-size:12px}}
@media(max-width:600px){.task-list-intro h2{font-size:17px}.task-list-intro p{font-size:12px}.task-list-intro [data-list-action=expand]{display:none}.task-gantt-property{align-items:flex-start}.task-gantt-property>label:first-child{width:75px}}
