/*
 * Shared MudDataGrid styling used across pages.
 * - .datagrid-search-input / .datagrid-select-input are applied to the
 *   search box and filter selects above grids.
 * - .mud-table-dense gets tighter cell padding for information density.
 */

.datagrid-search-input {
    max-width: 350px;
}

.datagrid-select-input {
    min-width: 300px;
    max-width: 320px;
}

/* Tighter cell padding for dense grids, applied across the app */
.mud-table-dense .mud-table-cell,
.mud-table-dense .mud-table-cell-header {
    padding: 4px 8px;
}

.mud-table-dense .mud-table-cell-checkbox {
    padding: 0 4px;
}

/* When a grid spans the empty-row column it should not draw a border */
.mud-table-container table tbody td.mud-table-cell[colspan="1000"] {
    border: none;
}

/* Notification table state rows */
.notification-row-action {
    background-color: rgba(255, 152, 0, 0.10);
}

.notification-row-action > td:first-child {
    border-left: 4px solid var(--mud-palette-warning);
}

.notification-row-unread {
    background-color: rgba(33, 150, 243, 0.06);
    font-weight: 600;
}

.notification-row-unread > td:first-child {
    border-left: 4px solid var(--mud-palette-info);
}

.notification-row-handled {
    background-color: rgba(76, 175, 80, 0.08);
    color: var(--mud-palette-text-secondary);
}

.notification-row-handled > td:first-child {
    border-left: 4px solid var(--mud-palette-success);
}

.notification-handled-details {
    color: var(--mud-palette-success);
}