.project-timeline{color:#393347;background:#fff;border:1px solid #e8e2ee;border-radius:22px;margin:18px 0 28px;padding:22px 0 0;overflow:hidden}.project-timeline>header{justify-content:space-between;align-items:center;gap:14px;padding:0 22px;display:flex}.project-timeline h2{color:#483555;align-items:center;gap:10px;font-size:20px;font-weight:750;display:flex;margin:0!important}.project-timeline header p{color:#84758f;margin:7px 0 0;font-size:14px}.timeline-controls{flex-wrap:wrap;gap:6px;display:flex}.project-timeline .timeline-controls button{color:#785387;cursor:pointer;background:#fff;border:1px solid #e7deed;border-radius:10px;justify-content:center;align-items:center;min-height:38px;padding:7px 10px;font-size:14px;display:inline-flex}.timeline-controls button[aria-pressed=true]{background:#f4eafb}.timeline-legend{color:#776780;flex-wrap:wrap;gap:16px;padding:18px 22px;font-size:13px;display:flex}.timeline-legend>span{align-items:center;gap:6px;display:flex}.timeline-legend i{background:var(--bar);border-radius:3px;width:9px;height:9px}.timeline-todo{--bar:#a996d9;--tint:#f0eafb}.timeline-in-progress{--bar:#5c9ddb;--tint:#e4f1fc}.timeline-blocked{--bar:#d5a13d;--tint:#fff3d7}.timeline-overdue{--bar:#e3718b;--tint:#ffe9ef}.timeline-complete{--bar:#51ac8e;--tint:#e1f5ec}.timeline-scroll{max-height:520px;overflow:auto}.timeline-table{min-width:740px}.timeline-axis,.timeline-row{grid-template-columns:240px minmax(0,1fr);display:grid}.timeline-axis{z-index:3;background:#faf8fc;border-block:1px solid #eee8f2;min-height:48px;position:sticky;top:0}.timeline-axis>div:first-child{gap:12px;padding:12px 18px;font-size:14px;font-weight:650;display:flex}.timeline-axis small{color:#9c8caa}.timeline-ticks{border-left:1px solid #eee8f2;margin-right:20px;position:relative}.timeline-ticks span{color:#82748e;white-space:nowrap;padding-left:7px;font-size:12px;position:absolute;top:16px}.timeline-row{border-bottom:1px solid #f0ebf4;min-height:100px}.timeline-name{z-index:2;background:#fff;border-right:1px solid #eee8f2;min-width:0;padding:15px 18px;position:sticky;left:0}.timeline-name strong,.project-timeline .timeline-name button{overflow-wrap:anywhere;text-align:left;color:#43374d;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:650;line-height:1.4;display:block}.timeline-name small{color:#8b7d94;margin:5px 0;font-size:12px;display:block}.timeline-status{background:var(--tint);color:#5f5168;border-radius:6px;padding:2px 6px;font-size:12px;display:inline-block}.timeline-track{background:repeating-linear-gradient(90deg,#0000 0 calc(14.2857% - 1px),#f0ebf4 calc(14.2857% - 1px) 14.2857%);margin-right:20px;position:relative}.timeline-today{z-index:1;pointer-events:none;border-left:2px dashed #ed769b;position:absolute;top:0;bottom:0}.timeline-bar{background:var(--tint);border:1px solid var(--bar);z-index:1;border-radius:9px;min-width:8px;height:32px;position:absolute;top:34px;overflow:hidden}.timeline-bar>i{background:var(--bar);opacity:.8;position:absolute;inset:0 auto 0 0}.timeline-bar>span{color:#352c40;text-align:center;white-space:nowrap;padding:7px;font-size:12px;font-weight:750;display:block;position:relative}.timeline-bar.timeline-milestone{background:var(--bar);border-radius:2px;min-width:12px;height:12px;top:44px;transform:translate(-50%)rotate(45deg)}.timeline-unscheduled{color:#998ba3;font-size:13px;position:absolute;top:42px;left:12px}.project-timeline>footer{color:#897b92;background:#fcfafd;align-items:center;gap:7px;padding:13px 22px;font-size:12px;display:flex}.project-timeline footer p{margin:0 0 0 10px;line-height:1.6}.timeline-today-key{border-left:2px dashed #ed769b;height:15px}.timeline-empty{padding:20px;font-size:14px}.project-timeline :focus-visible{outline-offset:2px;outline:3px solid #b998ce}@media (max-width:700px){.project-timeline>header{flex-direction:column;align-items:flex-start;padding:0 16px}.timeline-legend{gap:10px;padding:16px}.project-timeline>footer{flex-wrap:wrap;padding:12px 16px}.project-timeline footer p{flex-basis:100%;margin:0}.timeline-axis,.timeline-row{grid-template-columns:180px minmax(0,1fr)}.timeline-name{padding:12px}.project-timeline{border-radius:18px}}.work-space .project-timeline{flex-direction:column;min-height:0;max-height:50dvh;margin:12px 0;padding-top:12px;display:flex}.work-space .project-timeline>header,.work-space .project-timeline>.timeline-legend,.work-space .project-timeline>footer{flex-shrink:0}.work-space .project-timeline .timeline-scroll{overscroll-behavior:contain;min-height:0;max-height:none;overflow:auto}.work-space .project-timeline .timeline-legend{gap:8px 14px;padding:8px 16px}.work-space .project-timeline>footer{padding:6px 16px}.work-space .project-timeline header p{display:none}@media (max-height:600px){.work-space .project-timeline>footer{display:none}.work-space .project-timeline .timeline-legend{padding-block:4px}}.work-space .project-timeline{border-radius:16px;max-height:460px;margin:8px 0 10px;padding-top:8px}.work-space .project-timeline>header{gap:8px;padding:0 14px}.work-space .project-timeline h2{gap:6px;font-size:16px}.work-space .project-timeline .timeline-controls button{min-height:30px;padding:4px 8px;font-size:12px}.work-space .project-timeline .timeline-legend{gap:5px 12px;padding:5px 14px;font-size:11px}.work-space .project-timeline .timeline-scroll{flex:auto;min-height:0}.work-space .project-timeline .timeline-axis{min-height:30px}.work-space .project-timeline .timeline-axis>div:first-child{padding:6px 12px;font-size:12px}.work-space .project-timeline .timeline-ticks span{font-size:11px;top:8px}.work-space .project-timeline .timeline-row{min-height:60px}.work-space .project-timeline .timeline-name{padding:6px 12px}.work-space .project-timeline .timeline-name button,.work-space .project-timeline .timeline-name strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.work-space .project-timeline .timeline-name small{margin:2px 0;font-size:10px;line-height:1.3}.work-space .project-timeline .timeline-status{padding:1px 5px;font-size:10px;line-height:1.3}.work-space .project-timeline .timeline-bar{border-radius:6px;height:22px;top:50%;transform:translateY(-50%)}.work-space .project-timeline .timeline-bar>span{padding:3px;font-size:11px;line-height:14px}.work-space .project-timeline .timeline-bar.timeline-milestone{border-radius:2px;min-width:10px;height:10px;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.work-space .project-timeline .timeline-unscheduled{font-size:11px;top:50%;transform:translateY(-50%)}.work-space .project-timeline>footer{display:none}@media (max-width:700px){.work-space .project-timeline>header{flex-flow:wrap;align-items:center}.work-space .project-timeline .timeline-controls{gap:4px}.work-space .project-timeline .timeline-axis,.work-space .project-timeline .timeline-row{grid-template-columns:180px minmax(0,1fr)}}.work-space .project-timeline{max-height:none}.work-space .project-timeline .timeline-scroll{flex:0 auto;min-height:0;max-height:300px}@media (max-width:700px){.work-space .project-timeline .timeline-scroll{max-height:240px}.work-space .project-timeline .timeline-table{min-width:580px}.work-space .project-timeline .timeline-axis,.work-space .project-timeline .timeline-row{grid-template-columns:128px minmax(0,1fr)}.work-space .project-timeline .timeline-row{min-height:72px}.work-space .project-timeline .timeline-name{padding:7px 8px}.work-space .project-timeline .timeline-axis>div:first-child{z-index:4;background:#faf8fc;padding:6px 8px;position:sticky;left:0}.work-space .project-timeline .timeline-legend{flex-wrap:nowrap;gap:10px;padding:7px 10px;overflow-x:auto}.work-space .project-timeline .timeline-legend>span{white-space:nowrap;flex-shrink:0}}.work-timeline-disclosure>.mobile-details-content{padding:0}@media (max-width:700px){.work-space .work-timeline-disclosure .project-timeline{border:0;border-radius:0 0 10px 10px;margin:0;padding-top:0}.work-space .work-timeline-disclosure .project-timeline>header>div:first-child{display:none}.work-space .project-timeline>header{padding:0 8px}.work-space .project-timeline .timeline-controls{flex-wrap:nowrap;gap:4px}.work-space .project-timeline .timeline-controls button{min-height:28px;padding:3px 7px;font-size:11px}.work-space .project-timeline .timeline-legend{gap:8px;padding:4px 8px;font-size:10px}.work-space .project-timeline .timeline-scroll{max-height:124px}.work-space .project-timeline .timeline-axis{min-height:24px}.work-space .project-timeline .timeline-axis>div:first-child{padding:3px 8px;font-size:11px}.work-space .project-timeline .timeline-ticks span{font-size:10px;top:5px}.work-space .project-timeline .timeline-row{min-height:50px}.work-space .project-timeline .timeline-name{align-items:center;padding:5px 8px;display:flex}.work-space .project-timeline .timeline-name button,.work-space .project-timeline .timeline-name strong{font-size:11px;line-height:1.35}.work-space .project-timeline .timeline-name small,.work-space .project-timeline .timeline-status{display:none}}.timeline-project-filter{align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.timeline-project-filter select{color:#43374d;background:#fff;border:1px solid #e7deed;border-radius:8px;min-width:0;max-width:240px;padding:5px}.work-space .project-timeline .timeline-axis,.work-space .project-timeline .timeline-row{grid-template-columns:280px minmax(0,1fr)}.work-space .project-timeline .timeline-name{display:block}.work-space .project-timeline .timeline-project-row .timeline-name,.timeline-project-row .timeline-track{background-color:#faf7fc}.work-space .project-timeline .timeline-task-row .timeline-name{padding-left:24px}.work-space .project-timeline .timeline-name small{font-size:11px;display:block}.work-space .project-timeline .timeline-status{margin:2px 4px 0 0;font-size:11px;display:inline-block}.timeline-to-do{--bar:#a996d9;--tint:#f0eafb}.timeline-task-bar{background:var(--bar)}.timeline-task-bar>span{color:#172b3a}.timeline-method{color:#71617d;border-top:1px solid #eee8f2;margin:0;padding:8px 14px;font-size:11px;line-height:1.5}.timeline-axis>div:first-child{z-index:4;background:#faf8fc;position:sticky;left:0}@media (max-width:700px){.work-space .project-timeline .timeline-scroll{max-height:390px}.work-space .project-timeline .timeline-table{min-width:760px}.work-space .project-timeline .timeline-axis,.work-space .project-timeline .timeline-row{grid-template-columns:200px minmax(0,1fr)}.work-space .project-timeline .timeline-controls{flex-wrap:wrap}.timeline-project-filter{flex-basis:100%}.timeline-project-filter select{max-width:250px}.work-space .project-timeline .timeline-task-row .timeline-name{padding-left:16px}}.project-timeline .timeline-group{--group-tint:#edf7f5;--group-line:#a3cfc5;border-bottom:6px solid #fff}.project-timeline .timeline-group:nth-of-type(3n){--group-tint:#f8eff7;--group-line:#d9b3d3}.project-timeline .timeline-group:nth-of-type(3n+1){--group-tint:#f0f1fc;--group-line:#b9bfe8}.project-timeline .timeline-group .timeline-name{background:var(--group-tint);border-left:3px solid var(--group-line)}.project-timeline .timeline-project-row{min-height:38px}.project-timeline .timeline-project-row .timeline-name{background:var(--group-tint);align-items:center;gap:8px;padding:6px 10px;display:flex}.project-timeline .timeline-project-row .timeline-name button{flex:1;min-width:0}.project-timeline .timeline-project-row .timeline-name small{flex-shrink:0;margin:0;font-size:10px}.project-timeline .timeline-task-row{min-height:32px}.project-timeline .timeline-task-row .timeline-name{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 6px;padding:4px 8px 4px 18px;display:grid}.project-timeline .timeline-task-row .timeline-task-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:500;line-height:22px;display:block;overflow:hidden}.project-timeline .timeline-task-row .timeline-name small{display:none}.project-timeline .timeline-task-row .timeline-status{white-space:nowrap;margin:0;padding:0 4px;font-size:10px;line-height:16px;display:inline-block}.project-timeline .timeline-task-row .timeline-overdue{grid-column:2;font-size:9px}.project-timeline .timeline-task-row.is-expanded .timeline-task-title{white-space:normal;line-height:18px}.project-timeline .timeline-task-row.is-expanded .timeline-name small{grid-area:2/1/auto/-1;margin-top:4px;line-height:16px;display:block}.project-timeline .timeline-task-row .timeline-bar{height:18px;top:50%;transform:translateY(-50%)}.project-timeline .timeline-task-row .timeline-bar>span{padding:1px 5px;font-size:10px;line-height:14px}.project-timeline .timeline-task-row .timeline-milestone{min-width:10px;height:10px;transform:translate(-50%,-50%)rotate(45deg)}.project-timeline .timeline-empty{margin:0;padding:6px 18px;font-size:11px}.work-space .project-timeline .timeline-scroll{max-height:560px}.work-space .project-timeline .timeline-task-row{min-height:32px}.work-space .project-timeline .timeline-project-row{min-height:38px}.work-space .project-timeline .timeline-task-row .timeline-name{padding:4px 8px 4px 18px;display:grid}.work-space .project-timeline .timeline-task-row .timeline-task-title{font-size:12px;line-height:22px;display:block}.work-space .project-timeline .timeline-task-row .timeline-name small{display:none}.work-space .project-timeline .timeline-task-row.is-expanded .timeline-name small{display:block}.work-space .project-timeline .timeline-task-row.is-expanded .timeline-task-title{line-height:18px}.work-space .project-timeline .timeline-task-row .timeline-status{margin:0;padding:0 4px;font-size:10px;line-height:16px}.work-space .project-timeline .timeline-project-row .timeline-name{background:var(--group-tint);display:flex}.work-space .project-timeline .timeline-task-row .timeline-bar{height:18px}.work-space .project-timeline .timeline-task-row .timeline-milestone{height:10px}@media (max-width:700px){.work-space .project-timeline .timeline-scroll{max-height:440px}.work-space .project-timeline .timeline-axis,.work-space .project-timeline .timeline-row{grid-template-columns:210px minmax(0,1fr)}.work-space .project-timeline .timeline-task-row .timeline-task-title{font-size:11px}.project-timeline .timeline-project-row .timeline-name{flex-wrap:wrap;gap:2px}.project-timeline .timeline-project-row .timeline-name small{flex-basis:100%}}
