/* Единое окно ввода «+ Внести» (js/intake.js) — компактный лист по требованию владельца: числа →
   что сделать → кнопки, без приветствий и пересказа контекста (жёсткий формат первого экрана,
   ≤5 строк). .sheet-b уже даёт боковой отступ (app.css) — здесь только вертикальные промежутки
   между тремя блоками листа и вид самих элементов ввода/кнопок. Второй раз .doc-pick/.doc-pick-btn
   (камера/галерея вложения) не описываем — те стили уже есть в app.css, intake.js их переиспользует
   как есть, тем же приёмом, что и V2.chat.open в sheets.js. */
.intake{display:flex;flex-direction:column;gap:10px}

/* Строка совета консьержа (GET .../intake/tips) дорисовывается ПОСЛЕ основного экрана — правило
   проекта «вызов модели никогда не держит отрисовку». [hidden] снимает и текст, и отступ разом,
   поэтому пока совет не пришёл, блок не оставляет дыры в компоновке. */
.intake-tip{font-size:13px;line-height:1.35;color:var(--label2)}
.intake-tip[hidden]{display:none}

/* Числа — приглушённые строки, максимум три (intake.js сам режет массив): это справка, а не
   список действий, поэтому без рамок и иконок. */
.intake-facts{display:flex;flex-direction:column;gap:2px}
.intake-facts span{display:block;font-size:14px;color:var(--label2)}

/* Вопрос — единственный акцентный текст на первом экране («что сделать»). */
.intake-q{font-size:15px;font-weight:600;color:var(--label);line-height:1.3}

/* ВАРИАНТЫ ОТВЕТА — сеткой, а не «как влезет» (владелец, 2026-09-22, скриншот: «Одометр верный,
   в записи ошибка» во всю ширину, «Не знаю» коротышкой, «Ок» квадратиком — кнопки разной длины
   лесенкой). Одна колонка: подписи вариантов бывают длинными, и в две колонки они всё равно
   переносятся; зато у всех одинаковая ширина, левый край и высота. */
/* Варианты ответа — В РЯД и по содержимому (владелец, 2026-09-22: «в ленте плашки огромные»,
   «кнопки в 2 строки вместо одной»). Раньше каждая занимала всю ширину и свою строку: три
   варианта = три полосы по 44 px плюс зазоры, из-за этого строка ленты вырастала вдвое.
   Теперь они стоят подряд и переносятся только когда действительно не помещаются; высота 36 —
   это НЕ основное действие экрана, а ответ на месте, и палец попадает по нему с запасом за счёт
   горизонтального поля. */
/* Строго ОДНА строка кнопок (владелец, 2026-09-22: «кнопки в 2 строки вместо одной»).
   Вариантов в строке ленты не больше трёх — режет intake.js, — поэтому переносить нечего,
   а nowrap гарантирует, что длинная подпись не уронит третью кнопку на второй ряд.
   Правило живёт здесь, а не в head.css: head.css подключён РАНЬШЕ и проиграл бы этой строке. */
/* ПЕРЕНОС, А НЕ ОБРЕЗКА (правка 2026-09-23 по скриншоту владельца). Прежнее правило держало
   варианты ответа в одну строку любой ценой: nowrap + overflow:hidden. В колонке ленты на
   широком экране (277 px) это выглядело так — «р верный, в записи‹», «‹ верная, одометр»: три
   кнопки ужимались до 115 px при нужных 166 и резали текст с обоих концов. Выбор, который
   нельзя прочитать, хуже выбора в два ряда, поэтому теперь строка переносится, а кнопки не
   сжимаются вовсе. */
.intake-choices{display:flex;flex-wrap:wrap;gap:6px}
.intake-choices .btn{flex:0 0 auto;height:36px;min-height:36px;padding:0 10px;font-size:13px;
  white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* Числовой/текстовый ответ на один пункт — поле и кнопка «Ок» в одну строку, отдельной формы под
   единственное значение не заводим (правило «компактно, лаконично»). */
.intake-input{display:flex;gap:8px;align-items:stretch}
/* Поле занимает всю оставшуюся ширину, кнопка «Ок» — ровно по содержимому и той же высоты.
   16 px вместо 17: мобильный Safari приближает страницу при фокусе на меньшем кегле, а 17 внутри
   узкой строки ленты ещё и обрезал подпись-заполнитель. */
.intake-input input{flex:1 1 auto;min-width:0;font-family:inherit;font-size:16px;color:var(--label);
  background:var(--card2);border:1px solid var(--sep);border-radius:var(--r-s);padding:6px 10px;
  height:38px;min-height:38px;text-overflow:ellipsis}
.intake-input .btn{flex:0 0 auto;height:38px;min-height:38px;padding:0 12px;font-size:13px}
.intake-input input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}

/* «Не знаю» / «Позже» / «Не сейчас» — второстепенные, поэтому .btn.plain, а не основной акцент. */
.intake-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.intake-actions .btn{height:36px;min-height:36px;padding:0 10px;font-size:13px}

.intake-upload{display:flex;flex-direction:column;gap:8px}
.intake-upload{flex-direction:row;flex-wrap:wrap;gap:6px}
.intake-upload .btn{width:auto;height:36px;min-height:36px;padding:0 10px;font-size:13px}

/* Компактная загрузка внутри ряда ввода (intake.js, buildUpload(..., compact)): скрепка ровно
   по высоте поля, а меню «Сфотографировать / Из галереи» всплывает ПОВЕРХ строки. Раньше оно
   раздвигало плашку сверху вниз, и строка ленты прыгала на 80 px при каждом нажатии. */
.intake-input>.intake-upload.compact{flex:none;position:relative}
.intake-input>.intake-upload.compact .btn.icon-only{width:38px;min-width:38px;padding:0;justify-content:center}
.intake-input>.intake-upload.compact .doc-pick{position:absolute;top:calc(100% + 4px);left:0;z-index:20;
  min-width:210px;background:var(--card);border-radius:var(--r-m);box-shadow:0 8px 24px rgba(0,0,0,.22);padding:4px}

/* РЯД ОТВЕТА НЕ ВЫЛЕЗАЕТ ЗА КРАЙ. В ленте на десктопе (третья колонка карточки, ~294 px) ряд
   «камера + поле + Ок» уходил за правый край экрана на 14 px, и кнопка «Ок» оказывалась за
   границей окна (скриншот владельца 2026-09-22, 1440 и 1920 — замерено на обеих ширинах).
   Причина: у поля своя минимальная ширина по содержимому, и ряд считал её неприкосновенной.
   Держим ряд в ширине родителя и разрешаем полю сжиматься. */
.intake-input{width:100%;max-width:100%;box-sizing:border-box}
.intake-input input{min-width:40px}
.frow .tags{min-width:0;max-width:100%}
.frow .tags>*{min-width:0;max-width:100%}