/* =====================================================
   Silvercards.UI - Global MudDataGrid Header Styling
   Dark gray header with light font text
   Include this file in consuming applications for consistent look.
   ===================================================== */

.mud-data-grid .mud-table-head .mud-table-cell,
.mud-table .mud-table-head .mud-table-cell {
    background-color: #424242 !important;   /* Dark gray */
    color: #f0f0f0 !important;              /* Light text */
    font-weight: 600;
    border-bottom: 1px solid #616161;
}

/* Hover effect */
.mud-data-grid .mud-table-head .mud-table-cell:hover,
.mud-table .mud-table-head .mud-table-cell:hover {
    background-color: #525252 !important;
}

/* Make sort/filter icons visible */
.mud-data-grid .mud-table-head .mud-table-cell .mud-icon {
    color: #f0f0f0 !important;
}

/* Selected rows — matches WPF EditView ListBoxItem (GridStyles Item.SelectedActive.Background) */
:root {
    --sc-datagrid-row-selected-bg: #3D26A0DA;
}

.mud-data-grid .mud-table-row.sc-datagrid-row-selected {
    background-color: var(--sc-datagrid-row-selected-bg) !important;
}

.mud-data-grid .mud-table-row.sc-datagrid-row-selected > .mud-table-cell {
    background-color: var(--sc-datagrid-row-selected-bg) !important;
}

.mud-data-grid .mud-table-row.sc-datagrid-row-selected:hover,
.mud-data-grid .mud-table-row.sc-datagrid-row-selected:hover > .mud-table-cell {
    background-color: var(--sc-datagrid-row-selected-bg) !important;
}