/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Блок «Рекомендации» на Дашборде (pult/js/dashboard/recs.js, вставляется в .db-recs-host из board.js) и строка «Входящие / цели» над доской (.db-above).
   Макет — .rec в docs/queue-system/queue-system.css (имена и значения переведены на классы блока и токены tokens.css).
   Подключён в index.html после dashboard-board.css: плашка .ui-card, список .ui-card__list, .db-note, .db-card__actions и кнопки .btn — оттуда и из kit.css.
   390 — текст над кнопками, кнопки делят строку; от 48rem — текст слева, кнопки справа в строку. Движения нет. */

/* ---------- Строка над доской: «Входящие · …» и чипы целей ---------- */
.db-above { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1) var(--space-4); margin-top: var(--space-4); min-width: 0; }
.db-above__inbox { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.db-above__goal { max-width: 100%; text-decoration: none; overflow-wrap: anywhere; }

/* ---------- Рекомендации ---------- */
.db-recs-host { min-width: 0; }
.db-recs-host:has(> .db-recs:not([hidden])) { margin-bottom: var(--space-8); }
.db-recs.db-leads { margin-top: var(--space-6); }
.db-recs__title { margin: 0 0 var(--space-3); }
.db-recs__title:focus-visible { outline-offset: var(--size-focus-offset); }
.db-recs__list { min-width: 0; }

.db-rec { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; min-width: 0; }
.db-rec__text {
  margin: 0; color: var(--color-ink); overflow-wrap: anywhere;
  font: var(--text-ui-strong-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans);
}
.db-rec__meta { margin: var(--space-1) 0 0; overflow-wrap: anywhere; }
.db-rec__label { color: var(--color-ink3); font-weight: var(--weight-medium); }
.db-rec__actions { margin-top: var(--space-3); }
.db-rec__actions .btn { white-space: normal; text-align: center; line-height: 1.2; }

@media (min-width: 48rem) {
  .db-rec { grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--space-6); align-items: start; }
  .db-rec > :not(.db-rec__actions) { grid-column: 1; }
  .db-rec__actions { grid-column: 2; grid-row: 1 / span 3; align-self: center; margin-top: 0; flex-wrap: nowrap; }
}
@media (max-width: 47.9375rem) {
  .db-rec__actions .btn { flex: 1 1 auto; min-height: var(--size-touch-min); }
}