/* qa-tools — /schema: таблица расхождений и «горящая» кнопка шага. */

/* Кнопка «Построить из данных» загорается, когда она — очевидный
   следующий шаг: данные вставлены и целы, схемы нет. Обводки главного
   действия тут мало: кнопка живёт в ДРУГОЙ панели, ниже по странице,
   и владелец её попросту не увидел (его формулировка: «должна гореть»).
   Цвета только из токенов — заливка акцента работает в обеих темах. */
.btn.is-next{background:var(--accent-fill);border-color:var(--accent-fill);
  color:var(--on-accent);box-shadow:var(--glow-accent-soft)}
.btn.is-next:hover{background:var(--accent-fill);color:var(--on-accent)}

/* Рамка «как пользоваться» — просьба владельца: три шага одной строкой,
   на виду, ДО поля ввода. Не .hint: подсказку мелким шрифтом он уже не
   прочитал, рамка и есть ответ на это. На узком экране шаги переносятся,
   стрелки остаются между ними. */
.sch-steps{display:flex;flex-wrap:wrap;align-items:center;
  gap:var(--space-2) var(--space-3);
  margin:0 0 var(--space-4);padding:var(--space-4) var(--space-5);
  border:1px solid var(--border-subtle);border-radius:var(--radius-md);
  background:var(--surface-app);
  font:var(--fw-regular) var(--text-body-sm)/1.5 var(--font-ui);
  color:var(--text-body);
  transition:background-color var(--dur-theme) var(--ease-theme),
             border-color var(--dur-theme) var(--ease-theme)}
.sch-steps__item b{color:var(--accent-text);font-weight:var(--fw-bold);
  margin-right:var(--space-1)}
.sch-steps__arrow{color:var(--text-faint)}

.sch-errs{width:100%;border-collapse:collapse}
.sch-errs th{text-align:left;padding:var(--space-2) var(--space-4) var(--space-2) 0;
  font:var(--fw-medium) var(--text-caption)/1.4 var(--font-ui);
  color:var(--text-faint);border-bottom:1px solid var(--border-subtle)}
.sch-errs td{vertical-align:top;padding:var(--space-3) var(--space-4) var(--space-3) 0;
  font:var(--fw-regular) var(--text-body-sm)/1.6 var(--font-ui);
  color:var(--text-body)}
.sch-errs tr + tr td{border-top:1px solid var(--border-hairline)}
.sch-errs code{font:var(--fw-regular) var(--text-body-sm)/1.6 var(--font-mono);
  overflow-wrap:anywhere}

/* Имя ключевого слова схемы рядом с текстом ошибки: по нему ищут
   правило в самой схеме. */
.sch-kw{font:var(--fw-regular) var(--text-caption)/1.4 var(--font-mono);
  color:var(--text-faint)}