/*
 * Приглушённая строка таблицы (семейство «молчащих», добор 29.07).
 *
 * Отменённая строка плана остаётся в списке — из плана ничего не
 * пропадает бесследно, — но не должна спорить за внимание с теми, по
 * которым идёт работа. Признак отмены несёт бейдж рядом с причиной;
 * здесь только приглушение.
 *
 * Обычный CSS, а не Tailwind: своя тема не собирается, класс из
 * несобранной темы молча не применился бы (AGENTS §8). Прозрачность
 * работает одинаково в обеих темах, поэтому тёмного варианта не нужно.
 */
.qualor-row-cancelled {
    opacity: 0.55;
}

.qualor-row-cancelled:hover {
    opacity: 0.8;
}

/*
 * УАТ 04.08 п.2 (docs/UAT_UX_CARDS_AND_DATES_TASK.md): карточка
 * мобильного списка кликабельна ЦЕЛИКОМ, а не только текст значения.
 *
 * ЧТО БЫЛО. В стопочной вёрстке (`stackedOnMobile`, <640px) Filament
 * оборачивает ссылкой на запись СОДЕРЖИМОЕ каждой ячейки (`a.fi-ta-col`),
 * но не карточку: тап по подписи поля, отступу или пустому месту — мимо.
 * На телефоне это читалось как «карточка не работает, переход только по
 * иконке-глазу» (скрин владельца, список недельных планов).
 *
 * КАК СДЕЛАНО. Псевдоэлемент первой record-ссылки карточки растягивается
 * на всю карточку: вендор сам даёт `tr` `position:relative` на этой
 * ширине (table.css, `.fi-ta-table-stacked-on-mobile > tbody > tr` —
 * `relative block`), псевдоэлементу остаётся inset:0. Vendor-файлы не
 * тронуты, при обновлении Filament правило переживает пересборку.
 *
 * ⚠️ ИНТЕРАКТИВ ПОВЕРХ ОВЕРЛЕЯ — ОБЯЗАТЕЛЬНАЯ ПАРА к оверлею, иначе
 * иконки-действия («глаз», карандаш), чекбокс выбора, тогглы и кнопки
 * колонок перестанут нажиматься — оверлей перехватит тап. Каждому
 * поднимается z-index; у чекбокса выбора position не трогаем — он у
 * вендора уже absolute (top-0 end-5).
 *
 * ⚠️ ТОЛЬКО ССЫЛКА ЗАПИСИ, НЕ КОЛОНОЧНАЯ. `:not(.fi-ta-col-has-column-url)`
 * исключает колонки со своим ->url(): их ссылка ведёт в другое место, и
 * растянутая на карточку она бы молча увела тап не туда.
 *
 * Порог 640px — это sm Филамента (стопка живёт ДО него), не наш обычный
 * 1023: правило должно кончаться ровно там, где вендор возвращает
 * табличную вёрстку, иначе на планшете появился бы невидимый оверлей
 * поверх обычной таблицы.
 */
@media (max-width: 639px) {
    .fi-ta-table-stacked-on-mobile > tbody > tr.fi-clickable > .fi-ta-cell a.fi-ta-col[href]:not(.fi-ta-col-has-column-url)::after {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 0;
    }

    .fi-ta-table-stacked-on-mobile > tbody > tr.fi-clickable > .fi-ta-selection-cell {
        z-index: 1;
    }

    .fi-ta-table-stacked-on-mobile > tbody > tr.fi-clickable .fi-ta-actions,
    .fi-ta-table-stacked-on-mobile > tbody > tr.fi-clickable button.fi-ta-col,
    .fi-ta-table-stacked-on-mobile > tbody > tr.fi-clickable a.fi-ta-col-has-column-url,
    .fi-ta-table-stacked-on-mobile > tbody > tr.fi-clickable .fi-ta-col input,
    .fi-ta-table-stacked-on-mobile > tbody > tr.fi-clickable .fi-ta-col label,
    .fi-ta-table-stacked-on-mobile > tbody > tr.fi-clickable .fi-ta-reorder-handle {
        position: relative;
        z-index: 1;
    }
}