/*
 * «Документы» кабинета (ДОК-2): строки документов со значком типа файла,
 * запросы УК в «Ждут вас», форма «Отправить документ в УК» и страница
 * документа с версиями и историей. Каркас — portal-card / portal-row
 * (portal.css), тон статусов — бейджи кабинета; здесь только своё.
 */

/* Значок типа файла слева: PDF, JPG, DOCX — плашкой, текстом, не цветом */
.portal-doc-row__file {
  flex: none;
  min-width: calc(var(--ios-space-8) + var(--ios-space-2));
  padding: var(--ios-space-1) var(--ios-space-1);
  border-radius: var(--ios-radius-badge);
  background: var(--ios-status-neutral-bg);
  color: var(--ios-status-neutral);
  font: var(--ios-type-badge);
  text-align: center;
}

.portal-doc-row .portal-row__title,
.portal-doc-request .portal-row__title {
  overflow-wrap: anywhere;
}

.portal-doc-row__reason {
  color: var(--ios-status-danger);
}

/* «Открыть · Скачать» у версии — рядом, перенос на узком экране */
.portal-doc-row__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--ios-space-3);
}

.portal-doc-request__dot {
  margin-top: calc(var(--ios-space-2) - 1px);
}

.portal-doc-request__overdue {
  color: var(--ios-status-danger);
}

/* «+ Отправить документ в УК» — под «Ждут вас», над папками */
.portal-docs-upload {
  margin: 0 0 var(--ios-gap-section);
}

.portal-doc__reason .portal-row__sub {
  color: var(--ios-text);
}

/* Формы: новый документ и новая версия — карточка с полями */
.portal-doc-new__lead {
  margin: 0 0 var(--ios-space-4);
}

/* «Продлеваете документ?» над формой нового — истекающие (ДОК-3) */
.portal-doc-new__renew {
  margin: 0 0 var(--ios-space-4);
  padding: var(--ios-space-4);
}

.portal-doc-new__form,
.portal-doc-upload__form {
  padding: var(--ios-space-4);
}

.portal-doc-new__form .portal-field + .portal-field,
.portal-doc-upload__form .portal-field + .portal-field {
  margin-top: var(--ios-space-4);
}

.portal-doc-new__form .portal-button--block,
.portal-doc-upload__form .portal-button--block {
  margin-top: var(--ios-space-5);
}

.portal-doc-history {
  margin: 0;
  padding: 0;
  list-style: none;
}