/* Composition Inquiry — 입점·협업 문의 폼. 모든 색·크기는 엘리멘터 위젯 스타일 탭에서 바꿀 수 있는 변수입니다. */
.csk-inq {
	--csk-inq-ink: #1F1E1B;
	--csk-inq-label: #1F1E1B;
	--csk-inq-muted: #6B675F;
	--csk-inq-line: #D9D5CC;
	--csk-inq-field: #FFFFFF;
	--csk-inq-accent: #1F1E1B;
	--csk-inq-accent-ink: #F4F1EA;
	--csk-inq-btn: #1F1E1B;
	--csk-inq-btn-ink: #F4F1EA;
	--csk-inq-error: #A4442A;
	--csk-inq-radius: 2px;
	--csk-inq-gap: 22px;
	display: flex;
	flex-direction: column;
	gap: calc(var(--csk-inq-gap) * 1.3);
	color: var(--csk-inq-ink);
	margin: 0;
}
.csk-inq * { box-sizing: border-box; }
.csk-inq-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.csk-inq-group { border: 0; margin: 0; padding: 0; min-width: 0; }
.csk-inq-label {
	display: block;
	margin: 0 0 10px;
	padding: 0;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.01em;
	color: var(--csk-inq-label);
}
.csk-inq-req { color: var(--csk-inq-muted); font-weight: 400; margin-left: 2px; }
.csk-inq-opt { color: var(--csk-inq-muted); font-weight: 400; font-size: 12px; margin-left: 6px; }
.csk-inq-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.csk-inq-chip { position: relative; cursor: pointer; margin: 0; }
.csk-inq-chip input { position: absolute; opacity: 0; pointer-events: none; }
.csk-inq-chip span {
	display: inline-block;
	padding: 10px 16px;
	border: 1px solid var(--csk-inq-line);
	border-radius: 999px;
	font-size: 14px;
	line-height: 1.2;
	color: var(--csk-inq-ink);
	background: transparent;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.csk-inq-chip:hover span { border-color: var(--csk-inq-ink); }
.csk-inq-chip input:checked + span {
	background: var(--csk-inq-accent);
	border-color: var(--csk-inq-accent);
	color: var(--csk-inq-accent-ink);
}
.csk-inq-chip input:focus-visible + span { outline: 2px solid var(--csk-inq-ink); outline-offset: 2px; }
.csk-inq-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--csk-inq-gap) 20px;
}
.csk-inq-row { margin: 0; min-width: 0; }
.csk-inq-row--full { grid-column: 1 / -1; }
.csk-inq .csk-inq-input,
.csk-inq .csk-inq-input:focus {
	display: block;
	width: 100%;
	margin: 0;
	padding: 13px 14px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--csk-inq-ink);
	background: var(--csk-inq-field);
	border: 1px solid var(--csk-inq-line);
	border-radius: var(--csk-inq-radius);
	box-shadow: none;
	outline: none;
	transition: border-color .2s ease;
}
.csk-inq .csk-inq-input:focus { border-color: var(--csk-inq-ink); }
.csk-inq textarea.csk-inq-input { min-height: 180px; resize: vertical; }
.csk-inq .csk-inq-input::placeholder { color: #A8A398; }
.csk-inq-file { font-size: 14px; color: var(--csk-inq-muted); max-width: 100%; }
.csk-inq-agree {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 13px;
	line-height: 1.65;
	color: var(--csk-inq-muted);
	margin: 0;
	cursor: pointer;
}
.csk-inq-agree input { margin-top: 4px; flex: none; accent-color: var(--csk-inq-ink); }
.csk-inq-agree a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.csk-inq-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.csk-inq-submit.csk-inq-submit,
.csk-inq-submit.csk-inq-submit:hover,
.csk-inq-submit.csk-inq-submit:focus {
	display: inline-block;
	padding: 16px 40px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-transform: none;
	line-height: 1;
	color: var(--csk-inq-btn-ink) !important;
	background: var(--csk-inq-btn) !important;
	border: 1px solid var(--csk-inq-btn) !important;
	border-radius: var(--csk-inq-radius);
	box-shadow: none !important;
	cursor: pointer;
	transition: opacity .2s ease;
}
.csk-inq-submit.csk-inq-submit:hover { opacity: .85; }
.csk-inq-submit.csk-inq-submit[disabled] { opacity: .55; cursor: default; }
.csk-inq-status { margin: 0; font-size: 14px; color: var(--csk-inq-muted); }
.csk-inq-status.is-error { color: var(--csk-inq-error); }
.csk-inq .is-invalid .csk-inq-input { border-color: var(--csk-inq-error); }
.csk-inq .is-invalid .csk-inq-label,
.csk-inq .is-invalid.csk-inq-agree { color: var(--csk-inq-error); }
.csk-inq-done {
	padding: 48px 24px;
	text-align: center;
	border-top: 1px solid #D9D5CC;
	border-bottom: 1px solid #D9D5CC;
	outline: none;
}
.csk-inq-done p { margin: 0; font-size: 17px; line-height: 1.9; color: #1F1E1B; }
.csk-inq-done p + p { color: #6B675F; font-size: 15px; }
@media (max-width: 767px) {
	.csk-inq-grid { grid-template-columns: minmax(0, 1fr); }
	.csk-inq-chip span { padding: 9px 14px; font-size: 13px; }
	.csk-inq-submit.csk-inq-submit { width: 100%; }
}

/* 관리자 목록 배지 */
.csk-inq-badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 12px; background: #f0f0f1; }
.csk-inq-badge--new { background: #1F1E1B; color: #fff; }
.csk-inq-badge--accepted { background: #e7f0e3; color: #2c5a1e; }