@use "@fox/styles/abstracts" as fox;

.fields {
  display: flex;
  inline-size: 100%;
  flex-direction: column;
}

.field {
  display: flex;
  inline-size: 100%;
  flex-direction: column;
  gap: fox.gap(3);
  padding-block: fox.padding(5);
  border-block-end: fox.border(1) solid fox.color(border-neutral-subtler);
}

// 사업자등록번호/대표자명, 위도/경도, 등록일/최종수정일처럼 두 칸이 나란히 서는 줄.
.pair {
  display: flex;
  gap: fox.gap(4);

  > * {
    flex: 1 1 0;
    min-inline-size: 0;
  }
}

// 주소 입력 + [주소 검색] 버튼.
.addressRow {
  display: flex;
  gap: fox.gap(3);
  align-items: flex-end;

  > :first-child {
    flex: 1 1 0;
    min-inline-size: 0;
  }
}