/* Weights Report - AG Grid styles */

/* Centered headers and line breaks for multi-word headers */
#weights-report .ag-header-cell-label {
    justify-content: center;
}

#weights-report .ag-header-cell-text {
    white-space: pre-line;
    text-align: center;
}

/* Column group headers centered */
#weights-report .ag-header-group-cell-label {
    justify-content: center;
}

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

/* Second header row (leaf columns) when using column groups: 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;
}

/* AG Grid: 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%;
}

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

/* Two-line headers (Start Tap, End Cast, Initial Gross, etc.) */
.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;
}

/* Taller header rows for two-line headers */
.processes-grid-container .ag-theme-alpine {
    --ag-header-height: 48px;
}

/* AG Grid loading overlay */
.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;
}

/* Heat link cell */
.heat-link {
    color: #007bff;
    cursor: pointer;
    text-decoration: underline;
}

.heat-link:hover {
    color: #0056b3;
    text-decoration: underline;
}
