.gantt-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.gantt-chart { display: flex; flex-direction: column; gap: 6px; min-width: 400px; }
.gantt-row { display: flex; align-items: center; gap: 8px; }
.gantt-label { min-width: 180px; font-size: 11px; color: var(--tx-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; }
.gantt-bar-wrap { position: relative; height: 22px; flex: 1; border-left: 1px solid var(--border); }
.gantt-bar { position: absolute; top: 2px; height: 18px; border-radius: 3px; font-size: 9px; display: flex; align-items: center; padding: 0 6px; white-space: nowrap; overflow: hidden; color: var(--tx-base); font-weight: 500; }
.gantt-bar-label { opacity: 0.75; }
.gantt-milestone { position: absolute; top: 0; font-size: 14px; line-height: 22px; }