/* Вкладка «Документы» карточек CRM (plans/cabinets/documents.md, ДОК-1):
 * группы панелями, строка документа — название с метками, реквизиты, файл
 * версии и история; действия справа, на телефоне — строкой ниже. Токены и
 * отступы — как у строк документов договора (leases.css, .lease-docs). */

.documents-list,
.documents-leases,
.documents-list__versions {
  margin: 0;
  padding: 0;
  list-style: none;
}

.documents-list__item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
  padding: var(--space-3) var(--space-5);
}

.documents-list__item + .documents-list__item,
.documents-leases__row + .documents-leases__row {
  border-top: 1px solid var(--border-soft);
}

.documents-list__main {
  display: flex;
  flex: 1 1 320px;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}

.documents-list__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
}

.documents-list__name {
  font-weight: 600;
  color: var(--text);
  overflow-wrap: anywhere;
}

a.documents-list__name {
  text-decoration: none;
}

a.documents-list__name:hover {
  color: var(--accent);
  text-decoration: underline;
}

.documents-list__meta,
.documents-list__file,
.documents-list__version-line,
.documents-leases__meta,
.documents-leases__count {
  font-size: var(--font-size-hint);
  line-height: var(--line-height-hint);
  color: var(--text-muted);
  overflow-wrap: anywhere;
}

.documents-list__history summary {
  cursor: pointer;
  font-size: var(--font-size-hint);
  color: var(--accent);
}

.documents-list__versions {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin-top: var(--space-1-5);
  padding-left: var(--space-3);
  border-left: 2px solid var(--border-soft);
}

.documents-list__versions li {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-2);
  align-items: baseline;
}

.documents-list__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1);
}

.documents-list__delete,
.documents-list__review {
  display: inline;
}

/* ДОК-2: запрос у арендатора и причина отказа — строкой под реквизитами */
.documents-list__request,
.documents-list__reason {
  font-size: var(--font-size-hint);
  line-height: var(--line-height-hint);
  color: var(--text-secondary);
}

.documents-list__reason {
  color: var(--danger);
}

/* Очередь «На проверке»: строка — документ и чей он */
.document-reviews__tenant {
  font-size: var(--font-size-hint);
  line-height: var(--line-height-hint);
  color: var(--text-secondary);
}

.documents-leases__row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-1) var(--space-3);
  padding: var(--kv-row-pad-y) var(--space-5);
}

.documents-leases__link {
  display: flex;
  flex-direction: column;
  color: var(--text);
  text-decoration: none;
}

.documents-leases__link:hover span:first-child {
  color: var(--accent);
  text-decoration: underline;
}

/* Номер и две даты формы — в ряд, на телефоне — столбиком */
.documents-form__row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
}

@media (max-width: 767px) {
  .documents-list__item,
  .documents-leases__row {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }

  .documents-list__actions {
    width: 100%;
  }
}

@media (max-width: 479px) {
  .documents-form__row {
    grid-template-columns: minmax(0, 1fr);
  }
}