/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Дашборд пульта: экраны «все» — «Очередь», «Ждёт решения», «Готово: все» (pult/js/dashboard/list.js).
   Здесь только раскладка списка: «← Дашборд», заголовок, группы и сетка. Стили самих карточек (.db-card*) — в dashboard-board.css.
   Только токены tokens.css, обе темы. Сетка: колонки не уже 18,75 rem (--dl-card-min, как в макете D3), до 768 — один столбец.
   Страница прокручивается целиком, вложенной прокрутки нет. */

.dl {
  --dl-card-min: 18.75rem;
  display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: var(--space-2); min-width: 0;
  color: var(--color-ink); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans);
}

.dl__title {
  margin: 0; overflow-wrap: anywhere; text-wrap: balance;
  font: var(--text-h2-weight) var(--text-h2-size)/var(--text-h2-line) var(--text-h2-family); letter-spacing: var(--text-h2-track);
}
.dl__sub {
  margin: 0; max-width: var(--layout-measure); overflow-wrap: anywhere; color: var(--color-ink2);
  font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--text-caption-family);
}
.dl__sub:empty { display: none; }

.dl__body { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-8); min-width: 0; margin-top: var(--space-4); }

/* ---------- Группы («Вопросы», «Ошибки», «На проверку») ---------- */
.dl-group { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); min-width: 0; }
.dl-group__h {
  display: flex; align-items: baseline; gap: var(--space-2); margin: 0; min-width: 0;
  font: var(--text-h3-weight) var(--text-h3-size)/var(--text-h3-line) var(--text-h3-family); letter-spacing: var(--text-h3-track);
}
.dl-group__num {
  color: var(--color-ink2);
  font: var(--text-mono-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-mono); font-variant-numeric: var(--num-features);
}

/* ---------- Сетка карточек ---------- */
.dl-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--dl-card-min)), 1fr));
  gap: var(--space-4); align-items: start; min-width: 0;
}
.dl-grid > * { min-width: 0; }

/* ---------- Загрузка, ошибка, пусто ---------- */
.dl-state {
  display: grid; justify-items: start; gap: var(--space-3); margin: 0; padding: var(--space-4); min-width: 0;
  border-radius: var(--radius-card); background: var(--surface-card); box-shadow: var(--shadow-ring); color: var(--color-ink2);
}
.dl-state__t { margin: 0; color: var(--color-ink); overflow-wrap: anywhere; }
.dl-empty { max-width: var(--layout-narrow); }
.dl-empty__t { margin: 0; overflow-wrap: anywhere; }
.dl-empty__ic { width: var(--size-icon); height: var(--size-icon); color: var(--color-ok-text); }

/* ---------- Телефон и узкий планшет: один столбец ---------- */
@media (max-width: 48rem) {
  .dl-grid { grid-template-columns: minmax(0, 1fr); }
  .dl__body { gap: var(--space-6); }
  .dl-empty { padding: var(--space-6) var(--space-4); }
  .dl-state .btn { width: 100%; }
}

@media (min-width: 120rem) {
  .dl-grid { gap: var(--space-6); }
}