/* 채팅 비용 계산기(/roof-cost-chat/) — 폰에서 제목 부분이 자리를 많이 차지해 고르는 버튼이 화면 아래쪽(660 중 452)에 있었다.
   제목 부분을 줄여 첫 질문의 버튼이 화면 가운데쯤 오게 한다. 아래는 비어도 된다 (2026-09-21 사용자).
   본문은 워프에서 그대로 뜬 것이라 폰 폭에서만 바깥에서 덮어쓴다(!important). */
@media (max-width: 700px) {
  .pcf-chat { padding-top: 12px !important; }
  .pcf-chat__intro { margin-bottom: 8px !important; }
  .pcf-chat__eyebrow { margin: 0 0 3px !important; font-size: 13px !important; line-height: 1.4 !important; }   /* 작은 머리글 표준 13px */
  #pcf-title { margin: 0 !important; font-size: 21px !important; line-height: 1.3 !important; }
  .pcc-head { padding-bottom: 8px !important; }
  .pcc-log { padding-top: 12px !important; gap: 10px !important; }
  .pcc-msg { padding-top: 10px !important; padding-bottom: 10px !important; }
}

/* 첫 질문(칼라강판 지붕공사 / 옥상 스틸방수)의 두 버튼에만 파란 테두리 — 말풍선과 똑같이 생겨 누르는 건지 헷갈렸다.
   그다음 질문부터는 흐름으로 알 수 있어 원래 모양 그대로 (2026-09-21 사용자).
   첫 질문일 때만 고르는 칸(.pcc-composer)이 대화 기록의 세 번째 자식이다(인사 · 질문 · 고르는 칸). 모든 화면 폭에 적용. */
.pcc-log > .pcc-composer:nth-child(3) .pcc-opt:not(.pcc-opt--primary) { border: 2px solid #2878c8 !important; }
.pcc-log > .pcc-composer:nth-child(3) .pcc-opt:not(.pcc-opt--primary):hover { background: #edf4fa !important; }

/* '무료 견적상담 받기'(주요 버튼) — 파란 바탕이라 안내문 상자처럼 보였다. 흰 틈을 두고 바깥에 파란 띠를 둘러 누르는 버튼으로 읽히게 (2026-09-21 사용자) */
.pcf-chat .pcc-opt--primary { box-shadow: 0 0 0 3px #fff, 0 0 0 5px #2878c8; margin: 5px; }
.pcf-chat .pcc-opt--primary .pcc-opt__label { font-size: 16px; font-weight: 700; }

/* 폰에서는 이 페이지에 플로팅 버튼을 안 띄운다 — 전화번호·주소 입력 칸 오른쪽의 '확인' 버튼을 덮어 누를 수가 없었다(2026-09-21 사용자).
   이 CSS 는 /roof-cost-chat/ 에만 실린다. 전화는 채팅창 아래 줄과 헤더 메뉴에 있다. */
@media (max-width: 700px) { .fc { display: none !important; } }

/* 채팅창 머리줄 '예상 비용 계산 도우미' 옆에 소요 시간 — 시작 문턱을 낮춘다 (2026-09-21 사용자). 제목보다 가볍게 */
.pcf-chat .pcc-head__title::after { content: " (소요시간 1분 미만)"; font-weight: 400; font-size: .85em; color: #8a939e; white-space: nowrap; }   /* 제목보다 흐리게 — 강조 아님(사용자) */

/* 내가 고른 답 말풍선 — 버튼('확인' · '무료 견적상담 받기')과 같은 진파랑이라 헷갈렸다. 바탕이 연파랑 계열이라 연한 파랑은 묻힌다
   → 푸른 기가 도는 회색 바탕 + 흰 글씨(대비 약 5.4:1). 파랑은 '누르는 것'에만 남는다 (2026-09-21 사용자) */
.pcf-chat .pcc-msg--user { background: #5f6b7a !important; color: #fff !important; }