/* 회원(member) 시스템 폼 — 코어 member 스킨(.xm)을 테마 디자인 시스템에 정합.
   코어(modules/member/skins/default/css/member.css)가 .signin 내부를 자식 결합자와
   position:absolute(.submit)로 강하게 잡고 있어, 동일 구조(.signin> 자식)로
   특이도를 맞춰 덮어쓴다. */

/* .xm은 로그인만이 아니라 회원가입·ID/PW 찾기 등 모든 member 페이지 래퍼(codex 리뷰) —
   컨테이너엔 상하 여백만 주고, 폭 제한은 로그인 카드(.signin) 자신에게 건다. */
.ch-main .xm { margin: 64px auto 96px; }
.ch-main .xm .signin {
	width: 100%; max-width: 440px; margin-inline: auto;
	border: 1px solid var(--line, #e1e1e1);
	border-radius: var(--r-card, 18px);
	/* 플랫 정책 — 코어 box-shadow 제거. */
	box-shadow: none;
}

/* 회원가입·ID/PW 찾기 등 나머지 member 폼 공통 — 인풋·버튼만 컨트롤 규격으로.
   로그인 카드는 아래 .signin 스코프 규칙(특이도 우위)이 다시 덮는다. */
.ch-main .xm input[type="text"],
.ch-main .xm input[type="password"],
.ch-main .xm input[type="email"],
.ch-main .xm input[type="url"],
.ch-main .xm input[type="tel"],
.ch-main .xm input[type="number"],
.ch-main .xm input[type="date"] {
	min-height: 40px; padding: 0 12px;
	border: 1px solid var(--line, #e1e1e1); border-radius: var(--r-control, 8px);
	font-size: 17px; background: #fff;
}
.ch-main .xm .btn {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 40px; padding: 0 18px;
	border: 1px solid var(--line, #e1e1e1); border-radius: var(--r-pill, 980px);
	background: #fff; font-size: 15px; font-weight: 400; cursor: pointer;
	text-shadow: none; box-shadow: none; background-image: none;
}
.ch-main .xm .btn:hover,
.ch-main .xm .btn:focus-visible { border-color: var(--text, #372f2c); }

/* 헤더: 낡은 아이콘 숨기고 Tile Heading 역할(28/400), 중앙. */
.ch-main .xm .signin > .login-header { padding: 32px 28px 8px; border-bottom: 0; }
.ch-main .xm .signin > .login-header > h1 {
	margin: 0; text-align: center; color: var(--text, #372f2c);
	font-size: var(--fs-tile, 28px); font-weight: 400;
	line-height: 1.2; letter-spacing: var(--ls-tile, 0.196px);
}
.ch-main .xm .signin > .login-header > h1 > i { display: none; }

.ch-main .xm .signin > .login-body { max-height: none; padding: 20px 28px 28px; }
.ch-main .xm .signin .control-group { padding: 0; }

/* 인풋: 컨트롤 규격(radius 8, 17px/400), 전폭 블록. */
.ch-main .xm .signin input[type="text"],
.ch-main .xm .signin input[type="password"],
.ch-main .xm .signin input[type="email"] {
	display: block; width: 100%; min-height: 48px; padding: 0 14px; margin: 0 0 10px;
	border: 1px solid var(--line, #e1e1e1); border-radius: var(--r-control, 8px);
	font-size: 17px; background: #fff;
}
.ch-main .xm .signin input[type="text"]:focus,
.ch-main .xm .signin input[type="password"]:focus,
.ch-main .xm .signin input[type="email"]:focus {
	border-color: var(--accent, #c18590); outline: none;
}

/* 로그인 유지 체크 행. */
.ch-main .xm .signin .control-group label {
	display: inline-flex; align-items: center; gap: 8px; margin: 6px 0 0;
	font-size: var(--fs-small, 14px); color: var(--muted, #7d6f72);
}
.ch-main .xm .signin #warning { margin: 10px 0 0; }
.ch-main .xm .signin #warning > p {
	margin: 0; padding: 12px 14px;
	background: var(--soft, #f3eeee); border-radius: var(--r-control, 8px);
	font-size: 13px; line-height: 1.6; color: var(--muted, #7d6f72);
}

/* 제출 버튼: 코어 absolute(top:0 right:0) 해제 — 정적 흐름 전폭 채움 pill.
   이 화면의 유일한 채색 액션(AA: #976870 위 흰 텍스트 4.64:1). */
.ch-main .xm .signin .submit {
	position: static;
	display: block; width: 100%; min-height: 48px; margin-top: 16px; padding: 11px 21px;
	background: var(--accent-text, #976870); color: #fff;
	border: 0; border-radius: var(--r-pill, 980px);
	font-size: 17px; line-height: 1.3; font-weight: 400; cursor: pointer;
}
.ch-main .xm .signin .submit:hover,
.ch-main .xm .signin .submit:focus-visible {
	background: var(--accent-text-strong, #7d5058);
}

/* 하단 링크(ID/PW 찾기 | 회원가입): 회색 스트립 제거, 중앙 정렬. */
.ch-main .xm .signin > .login-footer {
	padding: 4px 28px 20px; text-align: center;
	background: none; border-top: 0; box-shadow: none;
	font-size: var(--fs-small, 14px); color: var(--line, #e1e1e1);
}
.ch-main .xm .signin > .login-footer > a {
	display: inline-flex; align-items: center; min-height: 44px; padding: 0 8px;
	color: var(--muted, #7d6f72);
}
.ch-main .xm .signin > .login-footer > a:hover,
.ch-main .xm .signin > .login-footer > a:focus-visible {
	color: var(--accent-text, #976870); text-decoration: underline;
}