/**
 * @fileoverview Form Scaffold v1 정합성 점검 메모
 * @docRef docs/scaffold-guide/form_scaffold_v1.md
 * @docMatch 본 파일은 폼 루트 레이아웃(.cms-form)과 component layer import를 담당한다.
 * @docPartial 문서의 상태 토큰/submit bar/select 반응형 규약은 import된 component 파일에서 주로 구현된다.
 * @docPartial 루트 파일 단독으로는 문서 체크리스트 전체를 확인할 수 없어 component 레이어 동시 점검이 필요하다.
 */
@import url("/public/stylesheets/shared/components/form-grid/form-header.css") layer(component);
@import url("/public/stylesheets/shared/components/form-grid/form-actions.css") layer(component);
@import url("/public/stylesheets/shared/components/form-grid/form-grid.css") layer(component);

@import url("/public/stylesheets/shared/components/form-input/button.css") layer(component);

.simple-form {
	position: relative;

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1rem;

	width: 100%;

	/* padding: 0.75rem 1rem; */
	border-radius: 0;

	/* background-color: var(--field); */
}

@media screen and (min-width: 768px) {
	.simple-form {
		gap: 1.25rem;

		/* padding: 1.25rem; */
		/* border-radius: var(--rounded); */
	}
}