/*
 * RU: Стили раздела «Карточка везде» (БП6, подписка для бизнеса) нового кабинета /biz/app/. Правила — внутри body.bt-page и на
 *     токенах сайта (--k-*), без литералов цвета (храповик check:theme). Файл свой у каждой фазы — потоки не правят один файл.
 * EN: Styles of the "Карточка везде" section (БП6, business subscription) of the new /biz/app/ cabinet. Rules sit inside
 *     body.bt-page and use site tokens (--k-*), no colour literals (the check:theme ratchet). One file per phase.
 */

/* RU: Экран — столбик карточек. EN: The screen is a stack of cards. */
body.bt-page .fd {
  display: grid;
  gap: var(--k-s-4);
}

/* RU: Сводка карточки: подпись слева, значение справа; на телефоне — друг под другом. EN: The card summary: caption left, value right; on a phone — stacked. */
body.bt-page .fd-card {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: var(--k-s-1) var(--k-s-4);
  margin: var(--k-s-2) 0;
}

/* RU: Подпись поля. EN: A field caption. */
body.bt-page .fd-card dt {
  color: var(--k-text-muted);
  font-weight: 600;
}

/* RU: Значение поля переносится, а не растягивает колонку. EN: A field value wraps rather than stretching the column. */
body.bt-page .fd-card dd {
  margin: 0;
  overflow-wrap: anywhere;
}

/* RU: Виды выгрузок строками. EN: Export kinds as rows. */
body.bt-page .fd-kinds {
  display: grid;
  gap: var(--k-s-2);
  margin-top: var(--k-s-2);
}

/* RU: Строка выгрузки и строка площадки: описание и кнопки. EN: An export row and a platform row: the description and buttons. */
body.bt-page .fd-kind,
body.bt-page .fd-plat {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--k-s-2) var(--k-s-3);
  padding: var(--k-s-3);
  border: 1px solid var(--k-border-soft);
  border-radius: var(--k-r-2);
}

/* RU: Абзац подсказки без внешних полей. EN: The hint paragraph without outer margins. */
body.bt-page .fd-kind p,
body.bt-page .fd-plat p {
  margin: 2px 0 0;
}

/* RU: Список площадок. EN: The platform list. */
body.bt-page .fd-plats {
  display: grid;
  gap: var(--k-s-2);
  margin: var(--k-s-2) 0 0;
  padding: 0;
}

/* RU: Площадка, где карточка изменилась после отметки, — с рамкой цвета предупреждения. EN: A platform whose card changed after the mark gets a warning-coloured border. */
body.bt-page .fd-plat.is-stale {
  border-color: var(--k-warn);
}

/* RU: Телефон: сводка карточки в одну колонку. EN: A phone: the card summary in one column. */
@media (max-width: 560px) {
  body.bt-page .fd-card {
    grid-template-columns: minmax(0, 1fr);
  }
}