/* SelectableTable styles */

.selectable-table-container {
    @apply relative;
}

/* Toolbar animations */
.selection-toolbar {
    @apply transition-all duration-200 ease-in-out;
}

/* Row highlight for selected items */
.selectable-table-container tr.bg-blue-50 {
    @apply transition-colors duration-150;
}

/* Row highlight for clipboard items */
.selectable-table-container tr.bg-purple-50 {
    @apply transition-colors duration-150;
}

/* Checkbox styling */
.selectable-table-container .row-checkbox,
.selectable-table-container .master-checkbox {
    @apply cursor-pointer transition-transform duration-100;
}

.selectable-table-container .row-checkbox:hover,
.selectable-table-container .master-checkbox:hover {
    @apply scale-110;
}

/* Toast animations */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(10px);
    }
}

.animate-fade-in {
    animation: fadeIn 0.3s ease-out;
}

.animate-fade-out {
    animation: fadeOut 0.3s ease-out;
}

/* Selection column width */
.selectable-table-container th:first-child.w-12,
.selectable-table-container td:first-child.w-12 {
    width: 3rem;
    min-width: 3rem;
    max-width: 3rem;
}