/* 줄이 세로로 쌓임. 줄 사이(--space-stack-md)를 칸 안쪽(--space-stack-sm)보다 넓게 둬서 라벨이 제 칸에
   붙어 보이고 줄과 줄이 갈라 보임 */
.form { display: flex; flex-direction: column; gap: var(--space-stack-md); min-width: 0; }
.form__rows { display: flex; flex-direction: column; gap: var(--space-stack-md); min-width: 0; }

/* 다 맞았다는 글. 오류글과 같은 크기이고 색은 알림이 아니라 안내라 옅은 글자임 */
.form__done { margin: 0; font-size: var(--font-label); color: var(--text-muted); }

/* 단추 줄. 좁은 폭에서는 감겨 내려가 칸 폭을 안 넘침 */
.form__foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-inline-sm); }

/* 바닥에 붙는 단추 줄(Form.js 의 FormFoot 의 sticky). 붙는 자리는 이 줄을 담은 마디 안이고 밀리는
   조상은 껍데기 본문임(AppShell.css 의 .shell__main). 줄 아래로 지나가는 칸을 가리려면 제 배경과
   위 선이 있어야 함. z-index 를 안 걸어 값 목록(PickInput 의 열린 목록)이 이 줄 위로 뜸 */
.form__foot--sticky {
  position: sticky;
  bottom: 0;
  padding-block: var(--space-inset-sm);
  border-top: var(--border-width) solid var(--border-default);
  background: var(--surface-page);
}