/* Согласование осмотра с клиентом (EQP-X08): виджет встречи в карточке
   заявки и в рабочем месте оценщика. Цвета и отступы — только токенами
   (tokens/*.css): тёмная тема получает их сама. Ширина 390 px — одна колонка,
   факты переносятся под подпись. */

.ia-card:empty, .rw-appt:empty { display: none; }
.ia { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; }
/* Шапка — `.dash-panel__head` кита; в колонке `.ia` (gap) её нижний отступ
   лишний. Факты — `.kv-list` кита, своих правил нет. */
.ia__head { flex-wrap: wrap; margin-bottom: 0; }
.ia__state { flex-direction: row; align-items: center; gap: var(--space-2); color: var(--text-muted); }
.ia__actions, .ia-form__actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.ia__hint { margin-top: calc(-1 * var(--space-1)); }

.ia-form { display: flex; flex-direction: column; gap: var(--space-3); }
.ia-form__row { display: flex; flex-direction: column; min-width: 0; margin-bottom: 0; }
/* Поля — `.field > .field-label + .input/.textarea` кита (#71584374): вид и
   ошибка (`aria-invalid` + `.fmsg-err` под полем) — кит, здесь только ширина. */
.ia-form__row :is(.input, .textarea) { width: 100%; box-sizing: border-box; }

.ia-history > summary { cursor: pointer; font-size: var(--fs-caption); color: var(--text-muted); }
.ia-history__list {
  list-style: none; margin: var(--space-2) 0 0; padding: 0;
  display: flex; flex-direction: column; gap: var(--space-2);
}
.ia-history__item {
  border-left: 2px solid var(--border); padding-left: var(--space-3);
}
.ia-history__head {
  display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-2);
  align-items: baseline;
}
.ia-history__label { font-weight: 600; font-size: var(--fs-caption); }
.ia-history__summary { font-size: var(--fs-caption); overflow-wrap: anywhere; }

@media (max-width: 480px) {
  .ia__actions .btn { flex: 1 1 auto; }
}