/* Hover эффекты для таблиц Unfold */

/* Hover эффект для строк таблицы */
.unfold-table tbody tr:hover {
    background-color: #f8fafc !important;
    transition: background-color 0.2s ease-in-out;
}

/* Hover эффект для ячеек таблицы */
.unfold-table tbody tr:hover td {
    border-color: #e2e8f0;
}

/* Hover эффект для ссылок в таблице */
.unfold-table tbody tr:hover a {
    color: #3b82f6;
    text-decoration: none;
}

/* Hover эффект для кнопок в таблице */
.unfold-table tbody tr:hover .unfold-btn {
    background-color: #3b82f6;
    color: white;
}

/* Hover эффект для иконок в таблице */
.unfold-table tbody tr:hover .unfold-icon {
    color: #3b82f6;
}

/* Анимация при наведении */
.unfold-table tbody tr {
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

/* Эффект поднятия при hover */
.unfold-table tbody tr:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Hover эффект для заголовков таблицы */
.unfold-table thead th:hover {
    background-color: #f1f5f9;
    transition: background-color 0.2s ease-in-out;
}

/* Hover эффект для пагинации */
.unfold-pagination .unfold-btn:hover {
    background-color: #3b82f6;
    color: white;
    transform: translateY(-1px);
}

/* Hover эффект для фильтров */
.unfold-filters .unfold-btn:hover {
    background-color: #3b82f6;
    color: white;
}

/* Hover эффект для действий */
.unfold-actions .unfold-btn:hover {
    background-color: #3b82f6;
    color: white;
}

/* Темная тема */
@media (prefers-color-scheme: dark) {
    .unfold-table tbody tr:hover {
        background-color: #1e293b !important;
    }
    
    .unfold-table thead th:hover {
        background-color: #334155;
    }
    
    .unfold-table tbody tr:hover a {
        color: #60a5fa;
    }
    
    .unfold-table tbody tr:hover .unfold-icon {
        color: #60a5fa;
    }
}