/**
 * Отклик на переход: полоска сверху и приглушение того, что обновится.
 *
 * ЗАЧЕМ
 * Переключение фильтра на странице группы — это обычный переход по ссылке.
 * Пока сервер считает отчёт, браузер держит на экране старую страницу и не
 * говорит ничего: нажатие выглядит так, будто сайт завис, и по ссылке жмут
 * второй раз. Полоска отвечает «принято» в тот же кадр, приглушение говорит,
 * что старые числа уже не в счёт.
 *
 * Отдельным файлом, а не в app.css: тот собирается Vite, и правка требовала
 * бы пересборки на сервере.
 */

/* Полоска живёт у верхней кромки окна и ничего собой не закрывает. Цвета —
   тёплые тона сайта; переменные с запасным значением, потому что файл
   подключается и к админке, где своя палитра. */
.cw-progress {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2147482600;
    height: 3px;
    width: 0;
    background: linear-gradient(90deg, var(--cw-sun, #FFB020), var(--cw-coral, #FF6B4A));
    box-shadow: 0 0 10px -1px rgba(217, 143, 0, .85);
    opacity: 0;
    pointer-events: none;
    border-radius: 0 3px 3px 0;
}

.cw-progress.is-on { opacity: 1; }

/*
 * Приглушённая область: числа ещё на экране, но уже помечены как вчерашние.
 * Нажимать по ним нельзя — иначе можно уйти в третий отчёт, не дождавшись
 * второго, и вернуться не туда.
 */
.cw-busy {
    opacity: .38;
    pointer-events: none;
    transition: opacity .18s;
}

@media (prefers-reduced-motion: reduce) {
    .cw-busy { transition: none; }
}