/* Usado por Components/UI/GanttChart.razor */
.gantt { font-size: var(--fs-xs); }
.gantt-row { display: grid; grid-template-columns: 180px 1fr; align-items: center; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--line); }
.gantt-row:last-child { border-bottom: 0; }
.gantt-track { position: relative; height: 18px; background: repeating-linear-gradient(90deg, transparent 0 calc(100%/12 - 1px), var(--line) calc(100%/12 - 1px) calc(100%/12)); }
.gantt-bar { position: absolute; top: 3px; height: 12px; border-radius: 2px; background: var(--accent); opacity: .85; }
.gantt-bar.done { background: var(--ink-3); }
.gantt-bar.warn { background: var(--warn); }