/* Radzen DataGrid sort indicator: show A-Z / Z-A instead of arrow icons. */

.rz-data-grid {
    /* Wider than the default 1.25rem to fit text labels. */
    --rz-grid-sort-icon-width: 2.5rem;
}

.rz-data-grid .rz-sortable-column .rz-sortable-column-icon.rzi-grid-sort {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Keep A-Z / Z-A vertically aligned with the header text. */
    vertical-align: middle;
    align-self: center;
    line-height: 1;
    font-family: inherit;
    font-variation-settings: normal;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.rz-data-grid .rz-sortable-column .rz-sortable-column-icon.rzi-sort-asc::before {
    content: "A-Z" !important;
}

.rz-data-grid .rz-sortable-column .rz-sortable-column-icon.rzi-sort-desc::before {
    content: "Z-A" !important;
}

/* Radzen DatePicker clear icon should not overlap calendar trigger (e.g. in DataGrid filter row). */
.rz-data-grid .rz-datepicker .rz-dropdown-clear-icon {
    right: 56px;
}

.rz-data-grid .rz-datepicker .rz-inputtext {
    /* Space for both: clear icon + calendar trigger. */
    padding-right: 78px !important;
}