/*
 * Лёгкие микро-анимации. Отключаются при prefers-reduced-motion: reduce
 * (глобальный слой в ui-appearance.css + отсутствие правил ниже).
 */

@media (prefers-reduced-motion: no-preference) {
    .nav-tabs .nav-link,
    #myTab .nav-link {
        transition:
            color 0.16s ease,
            background-color 0.16s ease,
            border-color 0.16s ease;
    }

    .crm-workspace-tab {
        transition:
            background-color 0.14s ease,
            border-color 0.14s ease,
            box-shadow 0.14s ease;
    }

    .dashboard-kanban-col {
        transition:
            border-color 0.2s ease,
            box-shadow 0.2s ease,
            opacity 0.15s ease;
    }

    .dashboard-kanban-card {
        transition:
            transform 0.14s ease,
            box-shadow 0.16s ease,
            border-color 0.16s ease;
    }

    .dashboard-kanban-card:hover {
        transform: translateY(-1px);
    }

    .dashboard-kanban-card:active {
        transform: translateY(0);
    }

    .dashboard-kanban-col.is-dragging {
        transition: opacity 0.12s ease;
    }

    .btn:not(.btn-link):not(:disabled):active {
        transform: scale(0.98);
        transition: transform 0.08s ease;
    }

    .wo-filter-chip {
        transition:
            background-color 0.14s ease,
            border-color 0.14s ease,
            color 0.14s ease;
    }
}