/*
 * Минимальные стили скаффолда. Дизайн-системы Стокрума здесь СОЗНАТЕЛЬНО нет:
 * это служебные страницы установки и диагностики внутри чужого интерфейса,
 * пользователь видит их считаные секунды. Рабочий интерфейс — /crm-режим
 * фронта, он открывается вкладкой в карточке сделки.
 */
body {
  margin: 0;
  padding: 24px;
  font: 14px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
  color: #1f2933;
  background: #fff;
}

.sr-card {
  max-width: 560px;
}

h1 {
  font-size: 18px;
  margin: 0 0 4px;
}

.sr-muted {
  color: #7b8794;
}

.sr-facts {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 4px 16px;
  margin: 16px 0;
  padding: 12px 16px;
  background: #f5f7fa;
  border-radius: 8px;
}

.sr-facts dt {
  color: #7b8794;
}

.sr-facts dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.sr-link {
  color: #2f6fed;
}

/*
 * Страница встраивания: каталог занимает всю вкладку карточки сделки, поэтому
 * у неё нет полей и отступов — только iframe и плашка состояния поверх него.
 * Полей ввода в приложении нет вообще: настроек в портале не существует.
 */
.sr-embed {
  padding: 0;
  height: 100vh;
  overflow: hidden;
}

.sr-embed .sr-state {
  padding: 24px;
}

.sr-frame {
  display: block;
  width: 100%;
  height: 100vh;
  border: 0;
}

.sr-frame[hidden],
.sr-state[hidden] {
  display: none;
}

.sr-status {
  min-height: 20px;
  margin-top: 12px;
}

.sr-status--ok {
  color: #1f8a4c;
}

.sr-status--error {
  color: #c0392b;
}