/* ============================================================
   기능 랜딩 — AI 상담사 전용 장면. 접두사 .fm-cs-
   공통 부품(.fm-card .fm-bubble .fm-input .fm-chip 등)을 먼저 쓰고 모자란 모양만 여기서 만든다.
   기본 상태 = 끝난 상태. .fm-armed 아래에서 .is-on 없는 것만 처음 상태로 돌아간다.
   ============================================================ */

/* 사용액 막대: 0 ~ 상한 기준선이 있는 가로 막대 */
.fm-cs-meter { position: relative; height: 12px; margin-top: 12px; border-radius: 6px; background: var(--fs-bg-sunken); overflow: hidden; }
.fm-cs-meter i { display: block; width: 76.4%; height: 100%; border-radius: 6px; background: var(--fs-ink); transition: width 1.200s ease; }
.fm-armed .fm-cs-meter i:not(.is-on) { width: 0; }
.fm-cs-scale { display: flex; justify-content: space-between; margin-top: 6px; color: var(--fs-ink-3); font-size: 11px; font-variant-numeric: tabular-nums; }
.fm-cs-scale span { font-style: normal; }
.fm-cs-big { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 6px; margin: 0; font-size: 13px; color: var(--fs-ink-2); }
.fm-cs-big .fm-num { font-size: 26px; letter-spacing: -.03em; }

/* 말풍선 안의 입력 글자 */
.fm-cs-q { min-height: 1.5em; }

/* 연락처 접수 줄 */
.fm-cs-send { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 6px; }

/* 조회 결과 줄: 이름 왼쪽, 값 오른쪽 */
.fm-cs-kv { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 40px; border-bottom: 1px solid var(--fs-line); font-size: 14px; }
.fm-cs-kv span:first-child { color: var(--fs-ink-2); font-size: 13px; font-weight: 600; }
.fm-cs-kv b { font-weight: 600; }