/*
 * Frontend: только то, что специфично для этого приложения.
 *
 * Палитра, типографика и компоненты — в дизайн-системе
 * (common/assets/brand/css, см. specs/design-system.md). Здесь не должно
 * появляться цветовых литералов: этот файл грузится последним и незаметно
 * перебьёт токены.
 */

/* Стрелки сортировки у GridView: геометрия здесь, цвет — из токенов. */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px var(--tf-ink-2);
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px var(--tf-ink-2);
    border-bottom-width: 0;
}

/*
 * Перенос строк в таблицах — в дизайн-системе (components.css): в карточном
 * режиме на телефоне nowrap на последней ячейке прятал текст пустого списка,
 * а этот файл грузится последним и молча перебивал правило.
 */

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: var(--tf-sp-1);
    color: var(--tf-fog);
    font-size: var(--tf-size-small);
}

.error-summary {
    color: var(--tf-danger);
    background: var(--tf-danger-soft);
    border-left: 3px solid var(--tf-danger);
    padding: var(--tf-sp-3) var(--tf-sp-5);
    margin: 0 0 var(--tf-sp-4) 0;
    font-size: var(--tf-size-small);
}

.breadcrumb-item > a {
    text-decoration: none;
}