:root {
    --gantt-task-bar: #0d6efd;
    --gantt-task-progress: #0a58ca;
    --gantt-milestone: #dc3545;
    --gantt-baseline: #6c757d;
    --gantt-delta: #0dcaf0;
    --gantt-link-source: #ffc107;
}

.gantt-wrapper {
    min-height: 420px;
    overflow-x: auto;
}

#ganttContainer .bar {
    fill: var(--gantt-task-bar);
}

#ganttContainer .bar-progress {
    fill: var(--gantt-task-progress);
}

.bar-milestone .bar {
    fill: var(--gantt-milestone);
}

.project-select {
    min-width: 240px;
}

.bar-wrapper.link-source .bar {
    stroke: var(--gantt-link-source);
    stroke-width: 3;
}

.bar-baseline .bar {
    fill: var(--gantt-baseline);
    opacity: 0.35;
}

.bar-delta .bar {
    stroke: var(--gantt-delta);
    stroke-width: 2;
}

.finance-chart-wrap {
    min-height: 280px;
}