/* ============================================================
 * Кабинет арендатора v2 — заявки (бриф §4.9, Р-37; этап S4): форма
 * новой заявки и список своих заявок. Форма — на фоне, без группы
 * (бриф §3 п. 6): поля portal.css (подпись над полем, ошибка под
 * ним, рамка --ios-control-border работает на обоих фонах). Список —
 * сгруппированный, статус всегда текстом. На десктопе — та же узкая
 * колонка (расширение — «предложение, по желанию», не делалось).
 * Только var(--ios-*); литералы — по списку в шапке portal.css.
 * ============================================================ */

.portal-request-form__form {
  display: grid;
  gap: var(--ios-space-5);
}

/* Нет действующих договоров — вместо формы фраза на фоне. Это пустое
 * состояние раздела, поэтому по центру, как «Заявок пока нет» (бриф §3
 * «Выравнивание»; доводка S4) */
.portal-request-form__hint {
  margin: 0;
  padding: var(--ios-space-4) 0;
  font: var(--ios-type-secondary);
  color: var(--ios-text-secondary);
  text-align: center;
}

/* Подсказка о платной услуге — сноской над кнопкой */
.portal-request-form__note {
  margin-top: calc(-1 * var(--ios-space-2));
}

/* Ошибки, которым нет места у поля (редкий случай) — текстом над
 * кнопкой, без красной плашки: ошибки — у полей */
.portal-request-form__errors {
  display: grid;
  gap: var(--ios-space-1);
}

.portal-request {
  align-items: flex-start;
}

.portal-request__answer,
.portal-request__amount {
  color: var(--ios-text);
  overflow-wrap: anywhere;
}

/* Пустой список — на фоне, по центру (бриф §3 «Выравнивание») */
.portal-requests__empty {
  padding: var(--ios-space-4) 0;
  text-align: center;
}