/* Table row hover - Pure CSS approach */

/* Icon button transitions */
button[style*="border-radius: 0.25rem"] {
    transition: background-color 0.2s ease !important;
}

/* Reset table row backgrounds */
table tbody tr {
    background-color: transparent !important;
    transition: background-color 0.15s ease-in-out !important;
}

/* Table row hover - MAXIMUM SPECIFICITY */
div.table-responsive table.table tbody tr:hover,
div.table-responsive table tbody tr:hover,
.table-responsive table.table tbody tr:hover,
.table-responsive table tbody tr:hover,
div table.table tbody tr:hover,
div table tbody tr:hover,
table.table tbody tr:hover,
.table tbody tr:hover,
table tbody tr:hover,
tbody tr:hover,
tr:hover {
    background-color: #f9fafb !important;
}

/* Also target TD cells */
table.table tbody tr:hover > td,
table tbody tr:hover > td,
tbody tr:hover > td,
tr:hover > td {
    background-color: #f9fafb !important;
}

/* Cursor */
table tbody tr {
    cursor: pointer !important;
}