/* ═══ ПОЛЕ ТЕКСТА СО ССЫЛКАМИ — ПАРА К /kit/linktext.js ═══
   Задача 9.34, ТЗ «CRM 2», § 6.1. Поле — то же многострочное поле
   программы (`.textarea`), только набор в нём живой: между словами стоят
   неделимые метки ссылок (`.link-tag`, вид — в deos.css). Своего вида у
   поля нет, кроме того, что делает его полем текста: переносы строк
   сохраняются (`pre-wrap`), курсор — текстовый, у пустого поля — подпись.

   Кнопка «@» стоит РЯДОМ с полем, а не внутри: поле растёт по набранному,
   и кнопка внутри уезжала бы вниз вместе с последней строкой. */
.link-field {
  display: flex;
  align-items: flex-start;
  gap: var(--sp-050);
  min-width: 0;
}
.link-field > .link-text { flex: 1 1 auto; min-width: 0; }
.link-field > .link-at { flex: none; margin-top: var(--sp-050); }

.link-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  cursor: text;
  line-height: var(--lh);
  resize: none;
}
.link-text.one { min-height: var(--h-field); }
.link-text:empty::before {
  content: attr(data-placeholder);
  color: var(--ink3);
  pointer-events: none;
}
.link-text[contenteditable="false"] { background: var(--a-200); cursor: default; }
/* вне шкалы: доля пробела в строке текста, а не воздух раскладки */
.link-text .link-tag { margin: 0 1px; }