/*
 * 서명 장면 「정적 미리보기」 — AI 상담사 기능 상세(feature-detail 틀). 접두사 fx-sigc-.
 * 장면 파일(template-parts/fx/feature-sig-cs.php)이 이 파일을 직접 싣는다. 움직임·transition 0. 창·칩은 틀의 fx-feat-win·fx-feat-chip 재사용.
 */
.fx-sigc{width:100%;max-width:1040px;margin:0 auto;padding:0 var(--fx-gut,16px);color:#111113;font-family:var(--fx-face)}
.fx-sigc__st{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 16px;color:var(--fx-fg-2,#c9c9c4)}
.fx-sigc__ex{font-size:14px}
.fx-sigc .fx-feat-chip--ship{background:#fff;color:#111113}
.fx-sigc__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}
.fx-sigc .fx-feat-win{flex:none;width:100%;max-width:none}

/* 손님 채팅 */
.fx-sigc__thread{display:grid;gap:10px;padding:16px}
.fx-sigc__bub{max-width:90%;margin:0;padding:10px 14px;border-radius:14px 14px 14px 4px;background:var(--fx-paper-2);font-size:15px;line-height:1.55;word-break:keep-all}
.fx-sigc__bub small{display:block;margin-bottom:2px;font-size:13px;font-weight:600;color:var(--fx-k3)}
.fx-sigc__bub--me{justify-self:end;border-radius:14px 14px 4px 14px;background:#111113;color:#fff;font-weight:600}
.fx-sigc__form{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--fx-edge-paper-strong)}
.fx-sigc__in{flex:1 1 160px;display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--fx-edge-paper-strong);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.fx-sigc__ck{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--fx-k2)}
.fx-sigc__ck i{width:16px;height:16px;border-radius:4px;background:#111113;box-shadow:inset 0 0 0 1px #111113;position:relative}
.fx-sigc__ck i::after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--fx-brand);border-width:0 2px 2px 0;transform:rotate(45deg)}

/* 사장님 설정 */
.fx-sigc__set{display:grid;gap:18px;padding:18px}
.fx-sigc__k{font-size:14px;font-weight:600;color:var(--fx-k3)}
.fx-sigc__big{margin:2px 0 0;font-size:18px;font-weight:600}
.fx-sigc__big b{font-size:clamp(34px,4vw,44px);line-height:1.1;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.fx-sigc__big span{margin-left:4px;font-size:15px;font-weight:500;color:var(--fx-k3)}
.fx-sigc__meter{position:relative;height:12px;margin-top:12px;border-radius:6px;background:var(--fx-paper-2);box-shadow:inset 0 0 0 1px var(--fx-edge-paper);overflow:hidden}
.fx-sigc__meter i{position:absolute;inset:0 auto 0 0;width:76.4%;border-radius:6px;background:#111113}
.fx-sigc__scale{display:flex;justify-content:space-between;margin:6px 0 0;font-size:13px;color:var(--fx-k3);font-variant-numeric:tabular-nums}
.fx-sigc__rows{margin:0;padding:0;list-style:none;border-top:1px solid var(--fx-edge-paper)}
.fx-sigc__rows li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;min-height:52px;padding:6px 2px;border-bottom:1px solid var(--fx-edge-paper);font-size:15px;font-weight:600}

/* 틀의 「다시 보기」는 재생 장면용이라 이 정적 장면에서는 숨긴다 */
.fx-feat-sig:has(.fx-sigc) .fx-feat-replay{display:none}

@media (max-width:1023px){
	.fx-sigc__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
	.fx-sigc__thread{padding:12px}
	.fx-sigc__set{padding:14px}
}