/*
 * ABS Radzen — general selector overrides
 * -----------------------------------------------------------------------------
 * Loads right AFTER _content/Radzen.Blazor/css/material-base.css and BEFORE the
 * token files (abs.radzen.light.css / abs.radzen.dark.css). TOKEN VALUES live in
 * those token files; this file only holds hand-authored .rz-* rules that
 * material-base cannot express through --rz-* tokens.
 *
 * Do NOT edit material-base.css (vendored NuGet asset).
 */

/* =============================================================================
   Grid frame — rounded, clipped, soft hairline (both themes)
   -----------------------------------------------------------------------------
   RadzenDataGrid's root element carries BOTH `.rz-data-grid` and `.rz-datatable`.
   material-base declares `.rz-data-grid{border:none;border-radius:0}` AFTER the
   `.rz-datatable{border-radius:var(--rz-grid-border-radius)}` rule, so on the
   modern grid the --rz-grid-border-radius token is defeated and corners stay
   square. Re-assert the frame here (higher specificity + later file) so the
   modern DataGrid and the classic table both round + clip their header /
   first-row corners. `border` and `border-radius` stay token-driven so light
   and dark keep their own hairline colour and the 10px radius.
   ============================================================================= */
.rz-datatable,
.rz-data-grid.rz-datatable {
    border: var(--rz-grid-cell-border);
    border-radius: var(--rz-grid-border-radius);
    overflow: hidden;
}

/* =============================================================================
   Grid menus — checked checkbox inside the column-picker / multiselect /
   dropdown / listbox popups.
   -----------------------------------------------------------------------------
   The `.rz-chkbox` checked box in these popups picks up an off-theme accent
   (blue --rz-secondary / orange --rz-primary) from the vendor cascade even when
   the --rz-checkbox-* tokens are themed. Force the themed accent with a
   high-specificity rule so menu checkboxes are NEVER orange/blue.
   Light values are here; dark is overridden in tweaks/abs.tweaks.radzen.dark.css.
   ============================================================================= */
.rz-multiselect-panel .rz-chkbox .rz-chkbox-box.rz-state-active,
.rz-dropdown-panel .rz-chkbox .rz-chkbox-box.rz-state-active,
.rz-listbox .rz-chkbox .rz-chkbox-box.rz-state-active {
    background-color: #2563eb;
    border-color: #2563eb;
}

.rz-multiselect-panel .rz-chkbox .rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled),
.rz-dropdown-panel .rz-chkbox .rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled),
.rz-listbox .rz-chkbox .rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) {
    background-color: #1d4ed8;
    border-color: #1d4ed8;
}

/* Check glyph — contrasting colour on the accent fill (.rzi in v11; legacy .rz-chkbox-icon) */
.rz-multiselect-panel .rz-chkbox .rz-chkbox-box.rz-state-active .rzi,
.rz-multiselect-panel .rz-chkbox .rz-chkbox-box.rz-state-active .rz-chkbox-icon,
.rz-dropdown-panel .rz-chkbox .rz-chkbox-box.rz-state-active .rzi,
.rz-dropdown-panel .rz-chkbox .rz-chkbox-box.rz-state-active .rz-chkbox-icon,
.rz-listbox .rz-chkbox .rz-chkbox-box.rz-state-active .rzi,
.rz-listbox .rz-chkbox .rz-chkbox-box.rz-state-active .rz-chkbox-icon {
    color: #ffffff;
}