/*
 * design-system/components/empty.css
 * Editorial Calm — EmptyState. ТЗ раздел 4.6.
 *
 * 1 заголовок + 1 описание + опционально 1 действие.
 * НИКАКИХ иллюстраций. Тонкая пунктирная рамка.
 *
 * Использование:
 *   <div class="ed-empty">
 *     <div class="ed-empty__title">Исследования ещё не запущены</div>
 *     <div class="ed-empty__body">Когда появится первое — здесь будет
 *       список с прогрессом и логами.</div>
 *     <button class="ed-btn ed-btn--primary">Создать исследование</button>
 *   </div>
 */

[data-theme="editorial"] .ed-empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--s-3);
  padding: var(--s-6);
  border: 1px dashed var(--rule);
  border-radius: var(--r-2);
  background: var(--paper);
}

[data-theme="editorial"] .ed-empty__title {
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--ink);
  text-wrap: balance;
}

[data-theme="editorial"] .ed-empty__body {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.55;
  color: var(--ink-3);
  text-wrap: pretty;
  max-width: 60ch;
}

/* Центрированный вариант — для больших EmptyState на всю секцию. */
[data-theme="editorial"] .ed-empty--center {
  align-items: center;
  text-align: center;
}
[data-theme="editorial"] .ed-empty--center .ed-empty__body {
  max-width: 50ch;
}