/* Selected row cells */
.e-grid .e-rowcell.e-selectionbackground,
.e-grid .e-row.e-active .e-rowcell {
    background-color: lightsteelblue !important;
    color: black !important;
}

/* Optional: selected row on hover */
.e-gridcontent .e-row.e-selectionbackground:hover .e-rowcell {
    background-color: #bfdbfe !important;
}

/* Only override disabled look when in read-only mode */
.readonly-checkbox .e-checkbox-wrapper.e-checkbox-disabled,
.readonly-checkbox .e-checkbox-wrapper.e-checkbox-disabled .e-frame,
.readonly-checkbox .e-checkbox-wrapper.e-checkbox-disabled .e-label {
    opacity: 1 !important; /* Remove faded look */
    cursor: default !important; /* Or pointer if you want pointer cursor */
    color: inherit !important; /* Use normal text color */
    background-color: inherit !important;
    pointer-events: none !important; /* Prevent interaction */
}

/* All readonly Syncfusion DropDownList controls */
.e-ddl.e-input-group.e-control-wrapper.e-readonly,
.e-ddl.e-input-group.e-control-wrapper.e-readonly .e-input,
.e-ddl.e-input-group.e-control-wrapper.e-readonly .e-input-group-icon {
    background-color: inherit !important;
    background-image: none !important;
}

    .e-ddl.e-input-group.e-control-wrapper.e-readonly .e-input {
        color: inherit !important;
        -webkit-text-fill-color: inherit !important;
    }

/*
.e-dialog input[readonly],
.e-dialog textarea[readonly],
input[readonly].e-input,
textarea[readonly].e-input {
    background-color: #fff !important;
    color: #212529 !important;
    opacity: 1 !important;
    cursor: default !important;
}*/