/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Карточка «лид ждёт вашего решения» (js/ui/lead-ask.js): контур карточки-потребителя, статус со знаком паузы, вопрос и кнопки.
   Подключён в index.html после decisions.css; значения — только из tokens.css. Анимаций нет.
   Вид один на всех экранах: тонкая нейтральная граница и небольшое мягкое свечение (--shadow-attn-glow), без цветной рамки и заливки;
   тёплый цвет — только у статуса со знаком паузы. Порядок: проект (и время), под ним статус, затем вопрос и ряд кнопок одной высоты. */

/* Карточка, которая ждёт ответа: Обзор (.rrow), Загрузка (.ld-card), проект (.pjw). Граница — линия темы, свечение — токен;
   селекторы с [data-waiting] сильнее общих правил карточек (.ld-card в queue.css). Зазор между карточками задаёт контейнер (gap), не margin. */
.rrow[data-waiting="true"], .ld-card[data-waiting="true"], .pjw[data-waiting="true"] {
  display: grid; gap: var(--space-3); align-content: start; min-width: 0; padding: var(--space-4);
  background: var(--surface-card); border: 1px solid var(--color-line2); border-radius: var(--radius-card);
  box-shadow: var(--shadow-attn-glow);
}
/* В сетке «Загрузки» карточка не тянется до высоты соседней: пустого места под кнопками нет */
.ld-card[data-waiting="true"] { align-self: start; }
/* Загрузка: проект — первой строкой, статус под ним на всю ширину (порядок только в стилях, разметка прежняя) */
.ld-card[data-waiting="true"] > .ld-card__top { align-items: baseline; min-height: 0; }
.ld-card[data-waiting="true"] .ld-card__proj { order: 1; }
.ld-card[data-waiting="true"] .ld-card__st { order: 2; flex: 1 0 100%; }

/* Статус: знак паузы и слово, цвет — дополнение к ним */
.lask-mark { display: inline-flex; align-items: center; gap: var(--space-2); min-width: 0; color: var(--color-warn-text); font: var(--text-ui-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.lask-mark__ic { width: 1rem; height: 1rem; flex: none; color: var(--color-warn-text); }
.lask-mark__t { overflow-wrap: anywhere; }

/* Вопрос и кнопки: внизу карточки, на всю её ширину, под тонкой линией; текст вопроса нейтральный (контраст не ниже 4.5:1) */
.lask {
  display: grid; gap: var(--space-3); align-content: start; min-width: 0; grid-column: 1 / -1;
  margin: 0; padding: var(--space-3) 0 0; border-top: 1px solid var(--color-line);
  background: none; color: var(--color-ink);
}
.lask[aria-busy="true"] { opacity: .85; }
.lask > * { margin: 0; min-width: 0; }
.lask__q { overflow-wrap: anywhere; font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
/* Кнопки: один ряд одной высоты, перенос только при нехватке места, зазор одинаковый по обеим осям */
.lask__acts { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--space-3); min-width: 0; }
/* Высота кнопок во всех карточках одна (касание не меньше 44 px), в том числе на десктопе.
   Подпись кнопки может быть длинным вариантом ответа: переносится, а не уезжает за край */
.lask__acts .btn { flex: 1 1 9rem; min-width: 0; min-height: var(--size-touch-min); max-width: 100%; height: auto; padding-block: var(--space-2); white-space: normal; text-align: center; overflow-wrap: anywhere; }
.lask__acts .btn:focus-visible { outline: var(--size-focus-width) solid var(--color-acc); outline-offset: var(--size-focus-offset); }
.lask__err { color: var(--color-danger-text); font: var(--text-ui-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); overflow-wrap: anywhere; }