/* Additional fields shared by the Korean inquiry page and main dialog. */
.required-mark{color:var(--brand);font-weight:700}
.required-note{font-size:13px;color:var(--muted);margin:0 0 18px;text-align:right}
.field-title{display:block;font-size:14px;line-height:1.6}
.field-help{display:block;color:var(--muted);font-size:12px;line-height:1.7;font-weight:400}
#inquiry-form .field input[type=file]{padding:10px;line-height:1.7;overflow:hidden}
#inquiry-form input[type=file]::file-selector-button{font:inherit;border:1px solid var(--line);background:#f4f6f7;color:var(--ink);padding:8px 12px;margin-right:12px;cursor:pointer}
.spam-controls{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
.spam-code{display:flex;align-items:center;justify-content:center;min-width:144px;min-height:49px;padding:10px 14px;border:1px solid var(--line);background:#edf1f4;color:#253c4c;font:700 24px/1.2 monospace;letter-spacing:.18em;user-select:none}
.spam-refresh{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 14px;font:inherit;font-size:13px;cursor:pointer}
.spam-refresh:hover{background:#f4f6f7}
#inquiry-form .spam-controls input{flex:1 1 150px;min-width:0;width:auto}
.spam-refresh:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
@media(max-width:550px){#inquiry-form .spam-controls input{flex-basis:100%}.spam-code{flex:1}.spam-refresh{min-height:48px}}

/* Main inquiry dialog corners. */
#inquiry-dialog{border-radius:24px;overflow:hidden}
#inquiry-dialog[open]{display:flex;flex-direction:column}
#inquiry-dialog .modal-head{border-radius:24px 24px 0 0;flex-shrink:0;position:relative}
#inquiry-dialog .modal-body{overflow-y:auto;min-height:0}
@media(max-width:600px){#inquiry-dialog{border-radius:20px}#inquiry-dialog .modal-head{border-radius:20px 20px 0 0}}

/* 개인정보취급방침 동의 (문의하기 직전) */
.inquiry-privacy{margin:4px 0 0;padding:16px 0 4px;border-top:1px solid var(--line,#dce1e4)}
.inquiry-privacy__title{display:block;margin:0 0 10px;font-size:14px;font-weight:600;line-height:1.5;color:var(--ink,#18232c)}
.inquiry-privacy__textarea{
	display:block;width:100%;min-height:160px;max-height:240px;margin:0 0 14px;padding:14px 16px;
	border:1px solid var(--line,#dce1e4);border-radius:0;background:#f7f9fa;color:var(--ink,#18232c);
	font:inherit;font-size:13px;line-height:1.75;resize:vertical;box-sizing:border-box;overflow-y:auto;
	white-space:pre-wrap;word-break:keep-all
}
.inquiry-privacy__textarea:focus{outline:2px solid var(--brand,#ce2636);outline-offset:2px}
.inquiry-privacy__check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px;line-height:1.7;color:var(--ink,#18232c)}
.inquiry-privacy__check input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--brand,#ce2636)}
.inquiry-privacy__help{margin:8px 0 0 28px;font-size:12px;line-height:1.6;color:var(--muted,#69737c)}

/* Submit progress + result alert modal */
#inquiry-form.is-submitting{pointer-events:none}
#inquiry-form.is-submitting .form-actions .btn{opacity:.72}
#inquiry-form .form-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.inquiry-submit-progress{margin:14px 0 0}
.inquiry-submit-progress[hidden]{display:none!important}
.inquiry-submit-progress__track{position:relative;height:6px;border-radius:999px;background:#e7ecef;overflow:hidden}
.inquiry-submit-progress__bar{position:absolute;inset:0 auto 0 0;width:40%;border-radius:inherit;background:var(--brand,#ce2636);animation:inquiryProgress 1s ease-in-out infinite}
.inquiry-submit-progress__text{margin:10px 0 0;font-size:13px;line-height:1.6;color:#536672}
@keyframes inquiryProgress{
	0%{transform:translateX(-120%)}
	50%{transform:translateX(140%)}
	100%{transform:translateX(280%)}
}
/* 결과 알림 모달 — customer_inquiry 등 .btn 스코프 밖에서도 단독 적용 */
#inquiry-result-dialog{
	border:0;
	padding:0;
	margin:auto;
	width:min(440px,calc(100vw - 32px));
	max-width:calc(100vw - 32px);
	border-radius:24px;
	overflow:hidden;
	background:#fff;
	color:var(--ink,#18232c);
	box-shadow:0 24px 60px rgba(21,33,42,.28);
	font-family:inherit;
}
#inquiry-result-dialog[open]{display:flex;flex-direction:column}
#inquiry-result-dialog::backdrop{background:rgba(21,33,42,.45)}
#inquiry-result-dialog .modal-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:18px 22px;
	border-bottom:1px solid var(--line,#dce1e4);
	background:#fff;
}
#inquiry-result-dialog .modal-head h2{
	margin:0;
	font-size:20px;
	line-height:1.4;
	font-weight:700;
	color:var(--ink,#18232c);
}
#inquiry-result-dialog .modal-close{
	appearance:none;
	background:#f3f5f5;
	border:0;
	border-radius:999px;
	font-size:22px;
	width:36px;
	height:36px;
	line-height:1;
	cursor:pointer;
	color:var(--ink,#18232c);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:none;
}
#inquiry-result-dialog .modal-close:hover{background:#e7ecef}
.inquiry-result-body{padding:28px 22px 22px;background:#fff}
.inquiry-result-message{
	margin:0;
	font-size:15px;
	line-height:1.8;
	color:var(--ink,#18232c);
	word-break:keep-all;
}
.inquiry-result-actions{margin-top:24px;display:flex}
#inquiry-result-dialog .inquiry-result-actions .btn,
#inquiry-result-dialog .btn{
	appearance:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:54px;
	padding:0 22px;
	border:0;
	border-radius:var(--radius-control,8px);
	background:var(--brand,#ce2636);
	color:#fff;
	font:inherit;
	font-size:15px;
	font-weight:700;
	letter-spacing:-.02em;
	cursor:pointer;
	text-align:center;
}
#inquiry-result-dialog .inquiry-result-actions .btn:hover,
#inquiry-result-dialog .btn:hover{background:var(--brand-dark,#aa1525)}
@media(max-width:600px){#inquiry-result-dialog{border-radius:20px}}