/* =============================================================================
   Monthly Snapshot view (js/views/monthly-snapshot.js)
   YTD line charts under the KPI - Efficiency cards (Utilities & Manpower page).
   ============================================================================= */

/* One YTD chart per per-MT KPI, stacked full width. The grid's gap replaces
   each chart container's own top margin. */
.monthly-ytd {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.monthly-ytd > .chart-container {
    margin-top: 0;
}

/* PDF capture only (MonthlySnapshotView.setPdfLayout): the three charts side by
   side so the section fits a landscape page. */
.monthly-ytd--cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Overlay when neither year has a value for the KPI. */
.monthly-ytd__empty {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--slate, #808FAD);
    font-size: 0.85rem;
    background: rgba(255, 255, 255, 0.85);
}

/* [hidden] must win over the display:flex above. */
.monthly-ytd__empty[hidden] {
    display: none;
}