/* 입점/공급 문의 공통 fragment 전용 스타일 */

/* ============================================================
   ISVM(front) 전용 baseline — MRO design system 클래스(.inquiry-form-row,
   .vits-input, .vits-checkbox-item, .vits-btn-xl 등)가 ISVM 페이지에는
   존재하지 않아 폼이 깨지는 이슈를 보정. 모든 selector는 ISVM 컨테이너
   `.pi-page-wrap` 으로 스코프되어 MRO 페이지에는 일절 영향 없음.
   ============================================================ */

.pi-page-wrap #partnershipInquiryForm {
	max-width: 760px;
	margin: 0 auto;
	padding: 0;
	font-size: 14px;
	color: #222;
}

.pi-page-wrap .inquiry-form-row {
	display: block;
	margin-bottom: 18px;
}

.pi-page-wrap .inquiry-form-label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #222;
	margin-bottom: 8px;
}

.pi-page-wrap .label-required {
	display: inline-block;
	color: #ea0029;
	margin-left: 2px;
}

.pi-page-wrap .inquiry-form-field {
	display: block;
	width: 100%;
}

/* 큰 인풋(.vits-input.size-large) — ISVM 베이스라인 */
.pi-page-wrap .vits-input {
	display: block;
	width: 100%;
}
.pi-page-wrap .vits-input .input-item {
	display: block;
}
.pi-page-wrap .vits-input .input-item input[type="text"],
.pi-page-wrap .vits-input .input-item input[type="email"],
.pi-page-wrap .vits-input .input-item input[type="tel"],
.pi-page-wrap .vits-input .input-item input:not([type]) {
	width: 100%;
	box-sizing: border-box;
	padding: 11px 14px;
	border: 1px solid #d6d8de;
	border-radius: 6px;
	background: #fff;
	font-size: 14px;
	color: #222;
	line-height: 1.4;
	transition: border-color .15s;
}
.pi-page-wrap .vits-input .input-item input:focus {
	outline: 0;
	border-color: #ea0029;
}
.pi-page-wrap .vits-input .input-item input::placeholder {
	color: #b3b6bd;
}

/* 회원여부 / 문의 유형 라디오 라벨 */
.pi-page-wrap .partnership-pi-radio-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	font-size: 14px;
	color: #222;
	margin: 0;
	user-select: none;
}
.pi-page-wrap .partnership-pi-radio-label input[type="radio"] {
	margin: 0;
	accent-color: #ea0029;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

/* 개인정보 동의 박스 */
.pi-page-wrap .partnership-pi-privacy-field {
	display: block;
}
.pi-page-wrap .partnership-pi-privacy-box {
	border: 1px solid #e8e9ec;
	background: #fafbfc;
	border-radius: 6px;
	padding: 14px 16px;
	font-size: 12px;
	color: #555;
	line-height: 1.6;
	margin-bottom: 10px;
}
.pi-page-wrap .partnership-pi-privacy-lead {
	margin: 0 0 8px 0;
	color: #333;
}
.pi-page-wrap .partnership-pi-privacy-list {
	margin: 0;
	padding-left: 20px;
}
.pi-page-wrap .partnership-pi-privacy-list li {
	margin-bottom: 4px;
}

/* 체크박스(.vits-checkbox-item.size-m) — ISVM 베이스라인 */
.pi-page-wrap .vits-checkbox-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	font-size: 13px;
	color: #222;
	margin: 0;
	user-select: none;
}
.pi-page-wrap .vits-checkbox-item input[type="checkbox"] {
	margin: 0;
	accent-color: #ea0029;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
.pi-page-wrap .vits-checkbox-item .icon {
	display: none;
}

/* 제출 버튼 영역 */
.pi-page-wrap .mypage-button-area {
	display: flex;
	justify-content: center;
	margin-top: 24px;
}
.pi-page-wrap .vits-btn-xl.vits-btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 200px;
	padding: 14px 28px;
	border: 0;
	border-radius: 6px;
	background: #ea0029;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color .15s;
}
.pi-page-wrap .vits-btn-xl.vits-btn-primary:hover { background: #c80024; }
.pi-page-wrap .vits-btn-xl.vits-btn-primary:disabled { opacity: 0.6; cursor: not-allowed; }

/* 스크린리더 전용 */
.pi-page-wrap .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* 페이지 헤더(ISVM 전용) */
.pi-center-page-title { text-align: left; margin-bottom: 14px; }

/* ============================================================
   여기서부터는 MRO/ISVM 공통 partnership-pi-* 컴포넌트 스타일
   ============================================================ */

/* 첨부파일 영역 wrapper — 부모(.inquiry-form-field)가 flex/row일 수 있어 자식들 세로 정렬 강제 */
.partnership-pi-attach-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	flex: 1 1 100%;
	min-width: 0;
}

.partnership-pi-hint {
	display: inline-block;
	margin-left: 6px;
	font-size: 12px;
	color: #999;
	font-weight: 400;
}

/* 문의 유형 / 회원여부 라디오 그룹 */
.partnership-pi-type-radios,
.partnership-pi-member-radios {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 28px;
}

/* 드래그앤드롭 영역 (카드) */
label.partnership-pi-drop {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	box-sizing: border-box;
	padding: 30px 18px;
	border: 1.5px dashed #d6d8de;
	border-radius: 10px;
	background: #fafbfc;
	color: #6a6e76;
	cursor: pointer;
	transition: border-color .15s, background-color .15s;
	margin: 0;
}

label.partnership-pi-drop:hover,
label.partnership-pi-drop.dragover {
	border-color: #ea0029;
	background: #fff5f6;
}

.partnership-pi-drop-ic {
	width: 36px;
	height: 36px;
	color: #b5b9c2;
	margin-bottom: 2px;
}

label.partnership-pi-drop:hover .partnership-pi-drop-ic,
label.partnership-pi-drop.dragover .partnership-pi-drop-ic {
	color: #ea0029;
}

.partnership-pi-drop-tx {
	font-size: 14px;
	color: #222;
	font-weight: 500;
}

.partnership-pi-drop-sub {
	font-size: 12px;
	color: #999;
}

/* 첨부 가능 예시 안내 */
.partnership-pi-attach-example {
	margin-top: 10px;
	font-size: 12px;
	color: #888;
	line-height: 1.6;
}

.partnership-pi-attach-example b {
	color: #333;
	font-weight: 600;
}

/* 선택된 파일 섹션 */
.partnership-pi-file-section {
	margin-top: 18px;
}

.partnership-pi-file-section-title {
	font-size: 13px;
	font-weight: 600;
	color: #222;
	margin-bottom: 8px;
}

/* 파일 리스트 */
.partnership-pi-file-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.partnership-pi-file-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	background: #f6f7f9;
	border-radius: 8px;
	font-size: 13px;
}

.partnership-pi-file-ic {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 22px;
	padding: 0 6px;
	font-size: 10px;
	font-weight: 700;
	color: #fff;
	border-radius: 4px;
	letter-spacing: .3px;
	background: #b5b9c2;
}

.partnership-pi-file-ic.ic-pdf {
	background: #e74c3c;
}

.partnership-pi-file-ic.ic-png {
	background: #2e86de;
}

.partnership-pi-file-ic.ic-jpg,
.partnership-pi-file-ic.ic-jpeg {
	background: #f39c12;
}

.partnership-pi-file-name {
	flex: 1 1 auto;
	color: #333;
	word-break: break-all;
}

.partnership-pi-file-size {
	flex-shrink: 0;
	color: #999;
	font-size: 12px;
}

.partnership-pi-file-del {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	border: 0;
	background: transparent;
	color: #888;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	border-radius: 50%;
}

.partnership-pi-file-del:hover {
	background: #ececec;
	color: #ea0029;
}

/* 모바일 대응 */
@media (max-width: 768px) {
	.partnership-pi-type-radios {
		gap: 8px 14px;
	}

	label.partnership-pi-drop {
		padding: 22px 14px;
	}

	.partnership-pi-drop-ic {
		width: 30px;
		height: 30px;
	}
}