/* Лист ожидания (Р-36; CRM v2): фильтры реестра, контакт претендента,
 * форма с чекбоксами категорий и объектов, строка «Ждут такое помещение»
 * на карточке объекта. Только токены из tokens.css. */

/* Фильтры: статус (активные / архив) и категория помещения — метки-ссылки
 * 32 с радиусом 8; выбранная — фон акцента. На телефоне переносятся */
.waiting-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1-5);
}

.waiting-filter__item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1-5);
  min-height: var(--control-height-sm);
  padding: 0 var(--space-3);
  border: 1px solid var(--border-control);
  border-radius: var(--radius);
  background: var(--surface);
  font-size: var(--font-size-secondary);
  line-height: var(--line-height-secondary);
  font-weight: 500;
  color: var(--text-secondary);
  text-decoration: none;
  white-space: nowrap;
}

.waiting-filter__item:hover {
  background: var(--row-hover);
  color: var(--text);
  text-decoration: none;
}

.waiting-filter__item--active,
.waiting-filter__item--active:hover {
  background: var(--accent-bg);
  border-color: var(--accent-border);
  color: var(--accent);
  font-weight: 600;
}

.waiting-filter__divider {
  width: 1px;
  align-self: stretch;
  margin: 0 var(--space-1);
  background: var(--border-panel);
}

@media (max-width: 767px) {
  .waiting-filter__divider {
    flex-basis: 100%;
    height: 0;
    width: auto;
    margin: 0;
    background: none;
  }
}

@media (pointer: coarse) {
  .waiting-filter__item {
    min-height: var(--touch-target);
  }
}

/* Ячейки таблицы претендентов */
.waiting-contact .cell__sub {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-2);
}

.waiting-matches {
  white-space: nowrap;
}

.waiting-actions {
  text-align: right;
  white-space: nowrap;
}

.waiting-actions form {
  display: inline;
}

@media (max-width: 767px) {
  .table.table--cards .waiting-contact .cell__sub {
    justify-content: flex-end;
  }

  .table.table--cards tbody td.waiting-actions {
    padding-left: 0;
  }

  .table.table--cards .waiting-matches {
    white-space: normal;
  }
}

/* Комментарий на карточке претендента */
.waiting-comment {
  margin: 0;
  padding: var(--space-3) var(--space-5) var(--space-4);
  border-top: 1px solid var(--border-soft);
  font-size: var(--font-size-secondary);
  line-height: var(--line-height-secondary);
  color: var(--text-secondary);
  white-space: pre-line;
}

@media (max-width: 767px) {
  .waiting-comment {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
}

/* Форма: группы чекбоксов категорий и объектов */
.waiting-form__choices {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.waiting-form__options {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1-5) var(--space-4);
  padding: var(--space-1) 0;
}

.waiting-form__option {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1-5);
  white-space: nowrap;
}

@media (pointer: coarse) {
  .waiting-form__option {
    min-height: var(--touch-target);
  }
}

/* Карточка объекта: под свободным помещением — кто ждёт такое помещение.
 * Строка-продолжение (row--reason, ui.css): граница строки выше убрана */
.table tbody tr.unit-waiting td {
  font-size: var(--font-size-secondary);
  line-height: var(--line-height-secondary);
}

.unit-waiting__title {
  margin-right: var(--space-1-5);
  font-weight: 600;
}

.unit-waiting__list {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

.unit-waiting__item {
  display: inline;
  color: var(--text-secondary);
}

.unit-waiting__item + .unit-waiting__item::before {
  content: "; ";
}

.unit-waiting__item a {
  margin-left: var(--space-1);
}