/*
 * Radzen DataGrid bridge — WPSI Fluent design tokens (from Call Sentinel).
 * Applies to all Radzen grids in this portal.
 */

@font-face {
    font-family: "Material Symbols";
    src: url("/_content/Radzen.Blazor/fonts/MaterialSymbolsOutlined.woff2") format("woff2 supports variations"),
         url("/_content/Radzen.Blazor/fonts/MaterialSymbolsOutlined.woff2") format("woff2-variations");
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
}

.rzi {
    font-family: "Material Symbols";
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.rz-data-grid {
    width: 100%;
    min-width: 0;
    font-family: inherit;
    font-size: var(--wpsi-grid-cell-font-size);
    color: var(--neutral-foreground-rest);
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-divider);
    border-radius: var(--wpsi-grid-detail-radius);
}

.rz-data-grid .rz-grid-table {
    width: 100%;
    color: var(--neutral-foreground-rest);
    background: var(--neutral-layer-2);
}

.rz-data-grid .rz-grid-table thead th {
    min-height: var(--wpsi-grid-header-min-height);
    padding: var(--wpsi-grid-header-padding-y) var(--wpsi-grid-header-padding-x);
    font-family: inherit;
    font-weight: 600;
    font-size: var(--wpsi-grid-header-font-size);
    line-height: var(--wpsi-grid-header-line-height);
    color: var(--neutral-foreground-rest);
    background: var(--neutral-layer-3);
    border-color: var(--neutral-stroke-divider);
}

.rz-data-grid .rz-column-title,
.rz-data-grid .rz-sortable-column {
    color: var(--neutral-foreground-rest);
}

.rz-data-grid .rz-grid-table tbody > tr > td {
    min-height: var(--wpsi-grid-row-min-height);
    padding: var(--wpsi-grid-cell-padding-y) var(--wpsi-grid-cell-padding-x);
    font-size: var(--wpsi-grid-cell-font-size);
    line-height: var(--wpsi-grid-cell-line-height);
    color: var(--neutral-foreground-rest);
    background: var(--neutral-layer-2);
    border-color: var(--neutral-stroke-divider);
}

.rz-data-grid .rz-grid-table tbody > tr:not(.rz-expanded-row-content):hover > td {
    background: var(--neutral-fill-stealth-hover);
}

.rz-data-grid .rz-grid-table tbody > tr.rz-state-highlight > td {
    color: var(--neutral-foreground-rest);
    background: var(--wpsi-grid-row-selected);
}

.rz-data-grid .rz-sortable-column-icon,
.rz-data-grid .rz-column-filter-icon {
    color: var(--neutral-foreground-rest);
}

.rz-data-grid .rz-row-toggler {
    color: var(--neutral-foreground-rest);
    background: transparent;
    border-radius: var(--wpsi-grid-detail-radius);
}

.rz-data-grid .rz-row-toggler:hover {
    background: var(--neutral-fill-stealth-hover);
}

.rz-data-grid .rz-expanded-row-content > td {
    padding: 12px 20px 20px 64px;
    background: var(--neutral-layer-1);
    border-bottom: 1px solid var(--neutral-stroke-divider);
}

.rz-data-grid .rz-paginator {
    min-height: 48px;
    color: var(--neutral-foreground-rest);
    background: var(--neutral-layer-2);
    border-color: var(--neutral-stroke-divider);
}

.rz-data-grid .rz-paginator-element {
    color: var(--neutral-foreground-rest);
    background: transparent;
    border-radius: var(--wpsi-grid-detail-radius);
}

.rz-data-grid .rz-paginator-element:hover {
    background: var(--neutral-fill-stealth-hover);
}

.rz-data-grid .rz-paginator .rz-state-active {
    color: var(--neutral-foreground-hover);
    background: var(--wpsi-accent);
}

.rz-data-grid .rz-datatable-loading {
    color: var(--wpsi-accent);
    background: color-mix(in srgb, var(--neutral-layer-2) 82%, transparent);
}

.rz-data-grid {
    --rz-primary: var(--wpsi-accent);
    --rz-primary-light: var(--wpsi-accent-light);
    --rz-primary-lighter: color-mix(in srgb, var(--wpsi-accent) 25%, transparent);
}