/* gantt-overrides.css — Qontiv design system overrides for Frappe Gantt */

/* Match bar colors to MES brand palette */
.gantt .bar {
    fill: var(--color-brand, #2563eb);
    stroke: none;
}

.gantt .bar-label {
    fill: #fff;
    font-size: 12px;
    font-weight: 500;
}

.gantt .bar-progress {
    fill: rgba(255, 255, 255, 0.25);
}

/* Released bars get a distinct color */
.gantt .bar[data-released="true"] {
    fill: var(--color-steel, #4b5563);
}

/* Grid header */
.gantt .grid-header {
    fill: #f1f5f9;
    stroke: #e2e8f0;
}

.gantt .today-highlight {
    fill: rgba(37, 99, 235, 0.08);
}

/* Scrollable container inside the Blazor component */
.gantt-container {
    overflow-x: auto;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
    background: #fff;
}

.gantt-container svg {
    width: 100%;
    min-width: 800px;
}