/*
 * ref.css
 * Страница: все, где в списке или карточке есть ссылка на другую запись
 * Блок: виджет `common\widgets\Ref`
 *
 * Ссылка на удалённую запись: название остаётся на месте, но
 * приглушается, и рядом встаёт красный значок с подсказкой.
 *
 * Прочерк вместо названия не ставится никогда: связь есть, просто
 * запись помечена удалённой (правило 4.4.1).
 */

/*
 * Название удалённой записи — сильно приглушённое.
 *
 * Берём третий уровень серого — тот, которым Bootstrap красит самый
 * тихий текст: половина непрозрачности против трёх четвертей
 * у обычного второстепенного.
 *
 * Второй уровень пробовали, и его не хватило: в таблице он читается
 * почти как обычный текст, и разница между живой записью и удалённой
 * замечается только при сравнении соседних строк — то есть не
 * замечается вовсе.
 *
 * Своего цвета не задаём: у Bootstrap эти уровни определены отдельно
 * для светлой и тёмной темы, и жёсткое число светлело бы на тёмном
 * фоне до нечитаемого.
 */
.ref-deleted {
    color: var(--bs-tertiary-color, #adb5bd);
}

/*
 * Значок после названия.
 *
 * Отступ слева отделяет его от текста, чтобы он не читался как часть
 * названия. Размер чуть меньше строки: это пометка, а не главное
 * в ячейке.
 */
.ref-mark {
    margin-left: .35rem;
    font-size: .85em;

    /* Курсор-стрелка: значок не нажимается, он только показывает
       подсказку при наведении. Палец обещал бы переход. */
    cursor: default;

    /* Значок не переносится на другую строку в отрыве от названия:
       одинокая красная точка в начале строки читается как ошибка
       вёрстки. */
    white-space: nowrap;
}