/* Закрывающие документы 1С (plans/edo, ЭДО-2): загрузка XML, карточка УПД,
 * ручная привязка к договору. Каркас — ui.css (панели, поля, таблицы),
 * здесь только своё: списки пропущенных файлов и инструкции, подписи. */

.closing-note {
  margin: 0;
  font-size: var(--font-size-secondary);
  line-height: var(--line-height-secondary);
  color: var(--text-secondary);
}

.closing-upload-form,
.closing-match-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.closing-skipped__title {
  margin: 0 0 var(--space-2);
  font-size: var(--font-size-secondary);
  font-weight: 600;
  color: var(--text);
}

.closing-skipped,
.closing-howto {
  margin: 0;
  padding-left: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-1-5);
  font-size: var(--font-size-secondary);
  line-height: var(--line-height-secondary);
}

.closing-skipped {
  color: var(--text-secondary);
}

.closing-howto {
  margin-bottom: var(--space-3);
}

.closing-skipped__file {
  font-family: var(--font-mono);
  color: var(--text);
  overflow-wrap: anywhere;
}

.closing-diff {
  font-size: var(--font-size-secondary);
  color: var(--text-secondary);
}

/* Выгрузка в 1С (ЭДО-1): выбор арендодателя и месяца в строку, строки
 * документа списком, формат и кнопка скачивания в подвале превью */
.closing-export-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-4);
}

.closing-export-filter .field {
  min-width: 220px;
}

.closing-export-filter .form-actions {
  position: static;
}

.closing-export-lines {
  margin: 0;
  padding-left: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  font-size: var(--font-size-secondary);
  line-height: var(--line-height-secondary);
}

.closing-export-download {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}

.closing-export-format {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-4);
  margin: 0;
  padding: 0;
  border: 0;
  font-size: var(--font-size-secondary);
}

.closing-export-format legend {
  float: left;
  margin-right: var(--space-2);
}

/* Реестр: сопоставление и подпись ЭДО — двумя бейджами в одной колонке */
.closing-badges {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--space-1);
}

.closing-attention {
  color: var(--warning);
}

/* Настройки → ЭДО: документы, которые опрос не смог загрузить (EDO-POLL) —
 * номер и дата, причина, когда; на телефоне — столбиком */
.edo-skipped {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.edo-skipped__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  font-size: var(--font-size-secondary);
  line-height: var(--line-height-secondary);
}

.edo-skipped__item {
  display: grid;
  grid-template-columns: minmax(160px, auto) 1fr auto;
  gap: var(--space-1) var(--space-3);
}

.edo-skipped__reason {
  color: var(--text-secondary);
  overflow-wrap: anywhere;
}

.edo-skipped__at {
  color: var(--text-secondary);
}

@media (max-width: 767px) {
  .edo-skipped__item {
    grid-template-columns: 1fr;
  }
}

/* Реестр: отбор по договору из ленты карточки договора */
.closing-scope {
  margin: var(--space-3) 0 0;
  font-size: var(--font-size-secondary);
  line-height: var(--line-height-secondary);
  color: var(--text-secondary);
}

/* Метрики ЭДО (Э-05) над реестром — те же плитки .metrics из ui.css */
.closing-metrics {
  padding: var(--space-4) var(--page-gutter) 0;
}

@media (max-width: 1179px) {
  .closing-metrics {
    padding-left: var(--page-gutter-tablet);
    padding-right: var(--page-gutter-tablet);
  }
}

@media (max-width: 767px) {
  .closing-metrics {
    padding-left: var(--page-gutter-phone);
    padding-right: var(--page-gutter-phone);
  }
}

/* Карточка контрагента → «Закрывающие документы» (Р-287, Р-289):
 * подстановки шаблона и флажок раздельных документов */
.party-closing__placeholders {
  font-size: var(--font-size-secondary);
}

.party-closing__check {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--font-size-base);
}