/* EAF Delays Pareto — screen-specific styles.
   Layout and most visuals come from Tailwind + the <style> block in the .aspx; this file
   carries only the few screen-scoped overrides. */

.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

h2 {
    color: #505050;
}

/* AG Grid header centering helper used by the column defs */
.ag-header-cell-center .ag-header-cell-label {
    justify-content: center;
}

/* Graph (Pareto bar) cell: vertically center the bar while keeping it full-width.
   The cell becomes a flex container (centers vertically); the direct child is forced to
   flex-basis 100% so the bar does NOT collapse to 0 width (which a bare flex cell would cause). */
.processes-grid-container .ag-cell.graph-cell {
    display: flex !important;
    align-items: center;
}
.processes-grid-container .ag-cell.graph-cell > * {
    flex: 1 1 100%;
    min-width: 0;
}

/* "No data" overlay for the time-stacked chart (covers the empty axes when a query returns nothing) */
.chart-no-data {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #9aa0a6;
    font-size: 20px;
}
.chart-no-data.is-hidden { display: none; }

/* jQuery UI datepicker must sit above the AG Grid header */
#ui-datepicker-div { z-index: 1100 !important; }
