/* EAF Components History - AG Grid styles */

.processes-grid-container.ag-theme-alpine {
    height: 75vh;
    border: 1px solid #ccc;
}

.ag-root-wrapper.ag-layout-normal.ag-ltr {
    height: 75vh;
}

/* Taller header rows so the two-row grouped header (Burner / Phase Electrode Arm)
   is fully visible together with single-line leaf headers. */
.processes-grid-container .ag-theme-alpine {
    --ag-header-height: 38px;
    --ag-header-foreground-color: #202124;
}

/* AG Grid: header look like other refactored screens (background + line below) */
.ag-theme-alpine .ag-header {
    background-color: #f8f8f8;
    border-bottom: 1px solid #babfc7;
}

/* Second header row (leaf columns) under a group: separator line */
.ag-theme-alpine .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
.ag-theme-alpine .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
    border-top: 1px solid #babfc7;
}

/* Centered headers (group and column) */
.ag-theme-alpine .ag-header-group-cell-label,
.ag-theme-alpine .ag-header-cell-label {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
}

/* Avoid excess padding/margin on headers */
.ag-theme-alpine .ag-header-cell,
.ag-theme-alpine .ag-header-group-cell {
    padding-left: 6px;
    padding-right: 6px;
    margin: 0;
}

/* Two-line headers (when used) */
.ag-theme-alpine .ag-header-cell.header-two-lines .ag-header-cell-label,
.ag-theme-alpine .ag-header-cell.header-two-lines .ag-header-cell-text {
    white-space: pre-line;
    text-align: center;
    line-height: 1.2;
}

/* Loading overlay (white, same look as caster-production / electrodes-summary) */
.ag-theme-alpine .ag-overlay-loading-center {
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}

/* jQuery UI datepicker: ensure it renders above the filter bar and AG Grid.
   The datepicker div is appended to <body>, so we target it globally by ID. */
#ui-datepicker-div {
    z-index: 1100 !important;
}
