/* Ячейки, копирующие значение по клику (VIN, ссылка на Автотеку). Tailwind сервиса в проде не компилируется —
   правила пишутся руками и едут бандлом (Manifest::assets). Цвет берётся из палитры панели ядра. */
.stok-avtomobilei-copyable {
    cursor: pointer;
    /* color/text-decoration в базе, не инлайном на элементе: инлайн перебил бы правило :hover ниже (ссылка не
       подсвечивалась бы). Для <span> (VIN) это no-op, для <a> (Перейти к отчёту) — нейтральный вид по умолчанию. */
    color: inherit;
    text-decoration: none;
    transition: color 0.15s ease;
}

.stok-avtomobilei-copyable:hover,
.stok-avtomobilei-copyable:hover * {
    color: var(--primary-600);
    text-decoration: underline;
    text-underline-offset: 2px;
}

:where(.dark) .stok-avtomobilei-copyable:hover,
:where(.dark) .stok-avtomobilei-copyable:hover * {
    color: var(--primary-400);
}

/* Подсветка строки при наведении: строка кликабельна (открывает карточку), но Filament её не подсвечивает.
   Строки сводки не кликабельны — им подсветка ни к чему, :not исключает и итоги, и их заголовок. */
.fi-ta-row:not(.fi-ta-summary-row):not(.fi-ta-summary-header-row):hover {
    background-color: rgba(120, 120, 120, 0.06);
}

/* Строки «показатель → значение» отчёта и колонки «Финансов»: две колонки на десктопе (как в исходном), одна —
   на телефоне. Медиазапрос по ВЬЮПОРТУ, не по ширине контейнера: slide-over узкий и на десктопе, а одна колонка
   нужна именно на узком экране телефона. Gap и выравнивание блок задаёт своим inline-стилем. */
.stok-avtomobilei-card-cols {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 640px) {
    .stok-avtomobilei-card-cols {
        grid-template-columns: 1fr;
    }
}

/* Госномер как на пластине: знак и код региона в общей рамке, между ними разделитель.
   currentColor вместо своей палитры — рамка следует цвету текста и живёт в обеих темах. */
.stok-avtomobilei-plate {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid color-mix(in oklab, currentColor 35%, transparent);
    border-radius: 0.25rem;
    overflow: hidden;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.stok-avtomobilei-plate-sign {
    padding: 0.15em 0.35em;
    letter-spacing: 0.02em;
}

.stok-avtomobilei-plate-region {
    display: flex;
    align-items: center;
    padding: 0.15em 0.3em;
    border-left: 1px solid color-mix(in oklab, currentColor 35%, transparent);
    font-size: 0.8em;
    letter-spacing: 0.02em;
}

/* Колонка действий пустует: единственный record action — карточка, её кнопка скрыта (открывается кликом по
   строке). Filament рисует колонку, раз action зарегистрирован, — прячем её вместе с заголовком.
   Скоуп .stok-avtomobilei-surface обязателен: без него правило срезало бы действия в таблицах ядра. */
.stok-avtomobilei-surface .fi-ta-actions-header-cell,
.stok-avtomobilei-surface .fi-ta-cell:has(> .fi-ta-actions) {
    display: none;
}

/* Пробег и Автотека у новых машин на стороне не ведутся: заблокированная пустая капсула ввода в такой ячейке —
   шум. Класс вешает Panel::lockedForNewCars, ячейка остаётся пустой. Блокировку даёт disabled(), не это правило. */
.stok-avtomobilei-surface .stok-avtomobilei-cell-locked .fi-input-wrp {
    display: none;
}

/* Незавершённая пара Автотеки: ссылка есть, оценки нет (или наоборот) — обе ячейки строки в красном контуре,
   пока пара не дописана. Класс вешает Panel::avtotekaCellAttributes по черновику. */
.stok-avtomobilei-surface .stok-avtomobilei-cell-invalid .fi-input-wrp {
    --tw-ring-color: var(--danger-600);

    box-shadow: 0 0 0 2px var(--danger-600);
}