/* Thermal Profile - AG Grid + KPI styles (pages/mes/thermal-profile) */

/* Grid card: same pattern as caster-production / eaf-electrodes-summary */
#thermal-grid.processes-grid-container,
.processes-grid-container.ag-theme-alpine {
    overflow: visible;
}

#thermal-grid {
    height: 45vh;
    border: 1px solid #ccc;
}

#thermal-grid > .ag-grid-module {
    height: 100%;
    width: 100%;
    display: block;
}

#thermal-grid .ag-grid-module > div[id^="agGrid_"] {
    height: 100% !important;
    width: 100%;
}

/* AG Grid header polish (consistent with other pages/*) */
.processes-grid-container .ag-theme-alpine {
    --ag-header-height: 40px;
}

.ag-theme-alpine .ag-header {
    background-color: #f8f8f8;
    border-bottom: 1px solid #babfc7;
}

.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-theme-alpine .ag-header-cell,
.ag-theme-alpine .ag-header-group-cell {
    padding-left: 8px;
    padding-right: 8px;
    margin: 0;
}

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

/* Remove the pinned cols right-border leftover from the shared theme */
.processes-grid-container .ag-pinned-right-cols-container,
.processes-grid-container .ag-pinned-left-cols-container {
    border-right: none !important;
}
.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
    border-right: none !important;
}
.ag-pinned-left-header {
    border-right: none !important;
}

/* Headline card: Ladle + Heat + Liquidus */
.headline-card {
    border-left: 4px solid #df1717;
}

/* KPI tiles — left accent per group (blue for time-since, green for reline) */
.kpi-card {
    min-height: 92px;
}
.kpi-card.kpi-time {
    border-left: 4px solid #1f6fdf;
}
.kpi-card.kpi-reline {
    border-left: 4px solid #17a83a;
}
.kpi-card .kpi-value {
    line-height: 1.15;
}
.kpi-card .kpi-label {
    margin-bottom: 4px;
}

/* Heat picker (VirtualSelect) — force the toggle button to match action-bar height */
.heat-picker .vscomp-toggle-button {
    height: 36.5px !important;
    border-radius: 6px !important;
    border: 1px solid #d1d5db !important;
    background-color: #fff !important;
    display: flex !important;
    align-items: center;
}
.heat-picker .vscomp-value {
    font-weight: 600 !important;
    color: #202124 !important;
    font-size: 14px;
}
.heat-picker .vscomp-search-input {
    height: 30px !important;
    width: 100% !important;
}
.heat-picker .vscomp-search-clear {
    text-align: center !important;
    margin-top: 10px !important;
}

/* Disable the Excel button when hasData is false (matches data-bind attr disabled) */
.btn-export-to-excel[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Nearby-heats navigation badges — keep them compact and inline with the picker */
.navigation-buttons {
    display: inline-flex;
    align-items: center;
}
.navigation-buttons .navigation-button {
    margin-right: 3px;
    margin-left: 3px;
}
