@import '../../../../styles/design-tokens';

.panelHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.panelTitle {
  font-size: 13px;
  font-weight: 600;
  color: $gray-700;
}

.panelActions {
  display: flex;
  align-items: center;
  gap: 8px;
}

// Поле «Заменить на» + кнопка «поменять местами» справа от него: кнопка стоит
// на уровне САМОГО контрола, а не подписи, поэтому живёт внутри Field, а не
// отдельной колонкой сетки.
.targetRow {
  display: flex;
  align-items: center;
  gap: 8px;
}

// min-width: 0 обязателен — иначе flex-элемент не сожмётся уже своего
// содержимого, и длинное ФИО в селекте вытолкнет кнопку за край поля.
.targetSelect {
  flex: 1 1 auto;
  min-width: 0;
}