/* DRC Clickable Table Styles */

/* Basis styling voor klikbare rijen */
#sort_customizable_table tbody tr.wdr_bulk_table_tr.bulk_table_row {
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
    user-select: none !important;
}

/* Hover effect */
#sort_customizable_table tbody tr.wdr_bulk_table_tr.bulk_table_row:hover {
    background-color: rgba(33, 128, 141, 0.1) !important;
    transform: translateX(2px) !important;
}

/* Active (tijdens klik) */
#sort_customizable_table tbody tr.wdr_bulk_table_tr.bulk_table_row:active {
    transform: translateX(0) scale(0.99) !important;
}

/* Selected (geselecteerde rij) */
#sort_customizable_table tbody tr.wdr_bulk_table_tr.bulk_table_row.drc-selected {
    background-color: rgba(33, 128, 141, 0.25) !important;
    outline: 2px solid rgba(33, 128, 141, 0.5) !important;
    animation: drc-highlight 0.5s ease !important;
}

/* Highlight animatie */
@keyframes drc-highlight {
    0%, 100% { 
        background-color: rgba(33, 128, 141, 0.25); 
    }
    50% { 
        background-color: rgba(33, 128, 141, 0.4); 
    }
}