/* ─────────────────────────────────────────────────────────
   챗봇 가입 — 2026-09-25 T2 새 꾸밈 (대표님 「가입 플랜 추천대로 진행해」 · 시안 ②③④⑦⑧⑩)
   chat.css 는 줄 수 기준선에 닿아 새 규칙을 여기에 둔다(부품 먼저) · 마지막 확인·완료 카드 = chat-enroll-final.js
   ───────────────────────────────────────────────────────── */

/* ③ 진행 표시 「1 / 4 · 가입자」 — 무리 카드에서 또렷하게 */
.moabi-flow-group-card .moabi-flow-progress .label { font-weight: 700; color: #b45309; }

/* ⑦ 결제·사은품 한 장 — 기본 체크 줄 · 사은품 제목 */
.moabi-flow-check-row {
    display: flex; align-items: center; gap: 8px; cursor: pointer;
    font-size: var(--fs-body); line-height: 1.4; margin: 8px 0; padding: 9px 10px;
    background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px;
}
.moabi-flow-check-row input { width: 18px; height: 18px; flex: 0 0 auto; margin: 0; }
.moabi-flow-gift-head { font-size: var(--fs-sub); font-weight: 700; color: #374151; margin: 12px 0 2px; }

/* ⑧ 주소 — 직접 적는 길 */
.moabi-flow-addr-note { font-size: var(--fs-sub); color: #b45309; line-height: 1.5; margin-top: 6px; }
.moabi-flow-addr-note:empty { display: none; }
.moabi-flow-link-btn {
    background: none; border: none; padding: 6px 0; margin-top: 2px; min-height: 32px;
    font-size: var(--fs-sub); color: #2563eb; text-decoration: underline; cursor: pointer;
}

/* ④ 마지막 확인 · ⑩ 접수 완료 */
.message.bot .moabi-flow-card h4.mef-title { font-size: var(--fs-subtitle); }   /* 🆕10-11 글자 크기 P4-1 = 공용 말풍선 소제목(h4 0.95em)이 더 센 규칙이라 아래 제목 값이 한 번도 안 먹던 것(13.3 · 원래 흠) → 크기만 덮음 */
.mef-title { margin: 0 0 8px; font-size: var(--fs-subtitle); color: #1a202c; }
.mef-product { background: #fff7ed; border-radius: 10px; padding: 10px 12px; margin-bottom: 8px; font-size: var(--fs-body); line-height: 1.5; }
.mef-product-sub { color: #444; margin-top: 2px; }
.mef-rows { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 2px 12px; }
.mef-row { display: flex; align-items: center; gap: 8px; padding: 8px 0; font-size: var(--fs-body); }
.mef-row + .mef-row { border-top: 1px dashed #e2e8f0; }
.mef-k { flex: 0 0 6.5em; color: #718096; font-size: var(--fs-sub); }   /* 🆕10-11 칸 이름 폭을 글자 크기에 맞춤(휴대폰 13 × 6.5 = 84.5px = 종전과 같음 · PC 14 = 91px · 「사은품 받을 곳」 한 줄) */
.mef-v { flex: 1 1 auto; min-width: 0; color: #1a202c; font-weight: 500; word-break: keep-all; overflow-wrap: anywhere; }
.mef-fix {
    flex: 0 0 auto; min-height: 32px; padding: 4px 9px; cursor: pointer;
    font-size: var(--fs-small); color: #2563eb; background: #fff; border: 1px solid #93c5fd; border-radius: 8px;
}
.mef-fix:disabled { opacity: 0.5; cursor: default; }
.mef-note { font-size: var(--fs-sub); color: #374151; margin: 10px 0 2px; }
.mef-muted { font-size: var(--fs-small); color: #718096; line-height: 1.5; margin-top: 6px; }
.mef-steps { font-size: var(--fs-body); line-height: 1.7; color: #2d3748; background: #f7fafc; border-radius: 10px; padding: 8px 12px; margin: 8px 0; }

/* ⑦ 결제·사은품 한 장 — 휴대폰 한 화면에 [다음] (09-25 실측 = 줄이기 전 [다음] 아래끝 675 · 대화 칸 아래끝 563) */
.moabi-flow-pay-card .moabi-flow-field-radio-group { display: flex; gap: 8px; }
.moabi-flow-pay-card .moabi-flow-field-radio-group > * { flex: 1 1 0; margin: 0; }
.moabi-flow-pay-rows > * + * { margin-top: 8px; }
.moabi-flow-pay-rows { margin: 10px 0 2px; }

/* ⑤ 이어서 하기 카드 (chat-enroll-resume.js) */
.mer-card { border: 2px solid #ffc107; background: #fffbef; }
.mer-title { font-size: var(--fs-subtitle); font-weight: 700; color: #1a202c; margin-bottom: 4px; }
.mer-sub { font-size: var(--fs-body); color: #2d3748; }
.mer-note { font-size: var(--fs-small); color: #718096; margin: 4px 0 8px; line-height: 1.5; }

/* ⑩ 완료 카드 다듬기 (09-25 대표 관문 2) — 사은품 나눔 줄 · 확인 전화 시각은 제목 아래 따로 · 날짜·시각 덩어리 줄바꿈 없음 */
.mef-product-split { font-size: var(--fs-sub); color: #666; margin-top: 1px; }
.mef-when { display: block; padding-left: 1.3em; font-size: var(--fs-body); color: #4a5568; }
.mef-nowrap { white-space: nowrap; }
.mef-picker { margin-top: 8px; display: flex; flex-direction: column; gap: 8px; }
/* 확인 전화 시간 = 상담 신청 창처럼 날짜 머리 + 30분 칸 (09-26) */
.mef-picker-label { font-size: var(--fs-sub); font-weight: 600; color: #374151; }