.table tbody tr.is-row-selected > *,
.table tbody tr:has(.form-check-input[type="checkbox"]:checked) > * {
    --bs-table-bg: rgba(85, 110, 230, 0.12);
    --bs-table-color: inherit;
    --bs-table-hover-bg: rgba(85, 110, 230, 0.18);
    border-color: rgba(85, 110, 230, 0.26);
}

.table tbody tr.is-row-selected,
.table tbody tr:has(.form-check-input[type="checkbox"]:checked) {
    box-shadow: inset 4px 0 0 #556ee6;
}

.table tbody tr.is-row-selected .form-check-input,
.table tbody tr:has(.form-check-input[type="checkbox"]:checked) .form-check-input {
    border-color: #556ee6;
}

body[data-layout-mode="dark"] .table tbody tr.is-row-selected > *,
body[data-layout-mode="dark"] .table tbody tr:has(.form-check-input[type="checkbox"]:checked) > *,
html[data-bs-theme="dark"] .table tbody tr.is-row-selected > *,
html[data-bs-theme="dark"] .table tbody tr:has(.form-check-input[type="checkbox"]:checked) > * {
    --bs-table-bg: rgba(85, 110, 230, 0.22);
    --bs-table-color: #f2f5fb;
    --bs-table-hover-bg: rgba(85, 110, 230, 0.3);
    border-color: rgba(85, 110, 230, 0.32);
}

body[data-layout-mode="dark"] .table tbody tr.is-row-selected,
body[data-layout-mode="dark"] .table tbody tr:has(.form-check-input[type="checkbox"]:checked),
html[data-bs-theme="dark"] .table tbody tr.is-row-selected,
html[data-bs-theme="dark"] .table tbody tr:has(.form-check-input[type="checkbox"]:checked) {
    box-shadow: inset 4px 0 0 #8d9bff;
}