/* 팝업 공통·지첩함 1:1·폰 날짜 — 2026-10-31 구조 정리로 index.html <style> 1265~1290줄에서 옮김. 파일 번호 순서대로 읽어야 함(뒤 규칙이 앞 규칙을 덮음) */
/* ★ 팝업 공통 규칙 (2026-10-23 결정 B) — 진행·완료·같은 내용·저장 안 함 창
   말투 "~어요"·안내는 한 문장 / 닫기는 오른쪽 위 × (.load-close) / 버튼은 아이콘 없이 글자
   주 버튼 = 메뉴 색 광택 채움 알약(.pop-btn.is-fill) · 보조 = 같은 색 테두리 알약(.pop-btn.is-line) · 밑줄 글자 버튼 없음
   크기는 제목 있는 창(백업 만들기) 버튼과 같게 (0.9rem · 위아래 11px · 알약), 색은 그 화면의 메뉴 색(--accent·--acc-top·--acc-bot) */
.pop-btn{all:unset;box-sizing:border-box;display:block;width:100%;text-align:center;padding:11px 12px;border-radius:999px;font-size:.9rem;line-height:1.3;font-weight:600;cursor:pointer;word-break:keep-all;transition:transform .1s}
.pop-btn[hidden]{display:none}

.pop-btn:active{transform:scale(.97)}
.pop-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pop-btn.is-fill{background:linear-gradient(180deg,var(--acc-top,var(--accent)) 0%,var(--accent) 55%,var(--acc-bot,var(--accent)) 100%);color:var(--on-accent,#fff);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 10px rgba(60,50,30,.18)}
.pop-btn.is-line{background:var(--surface);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
@media (hover:hover){.pop-btn.is-fill:hover{filter:brightness(1.05)}.pop-btn.is-line:hover{background:var(--bg)}}
@media (hover:hover){#counsel-confirm .pop-btn.is-line:hover{background:var(--counsel-bubble-bg)}}
.load-card.is-done .load-text+.bk-nudge{margin-top:-8px}
/* ★ 지첩함의 1:1 감정 결과 (2026-10-23 결정 A) — 1:1 화면과 같게
   풀이 보고서 줄 = 1:1 선택창 모양(주제 아이콘 + 굵은 "풀이 보고서: …" + 사람 정보·날짜, 파랑 테두리)
   대화 = 1:1 대화창과 같은 베이지 판(높이 제한 없음), 내 질문 = 옅은 파랑 면 + 진한 파랑 글씨 */
.counsel-view{--accent:var(--counsel-main);--on-accent:#fff}
.counsel-view .cb-picked{margin:0 0 10px;cursor:default}
.counsel-view .counsel-log{background:var(--bg);border-radius:16px;padding:16px;gap:10px}
.counsel-view .chat-bubble.user{background:var(--counsel-bubble-bg);color:var(--counsel-bubble-ink)}
/* 폰 세로: 생년월일 "일(DD)"이 달력 아이콘과 겹치지 않게 (2026-10-16) — 칸 사이·왼쪽 여백을 줄이고 아이콘 자리만 비움 */
@media (max-width:599px){
  .date-field .date-digits{flex:1 1 auto;min-width:0;width:auto;gap:3px;padding-left:2px;padding-right:0;overflow:hidden}
  .date-field .date-cal-btn{position:static;transform:none;flex:0 0 auto;margin-left:6px} /* 아이콘을 글자 옆 자리로 — 화면이 좁아도 겹치지 않음 (iOS 15 포함) */
}