/* 상담 안내 위젯 — 먹색 + 청사진 라인 + 오렌지 1. 이모지·그라데이션·글래스 없음. */
:root{
  --pgc-ink:#0f141b; --pgc-ink2:#151c26; --pgc-surf:#172230;
  --pgc-line:rgba(150,195,230,.20); --pgc-line2:rgba(150,195,230,.12);
  --pgc-tx:#e9f1f8; --pgc-mut:#9db0c4; --pgc-acc:#F60;
}
.pgchat{position:fixed;right:22px;bottom:24px;z-index:130;font-family:inherit}
.pgchat *{box-sizing:border-box}

/* 런처(FAB) */
.pgchat__fab{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px 0 15px;border-radius:26px;
  border:1px solid var(--pgc-line);background:var(--pgc-ink);color:var(--pgc-tx);cursor:pointer;
  box-shadow:0 10px 30px rgba(0,0,0,.42);transition:border-color .18s,color .18s,transform .18s}
.pgchat__fab:hover{border-color:var(--pgc-acc);color:#fff;transform:translateY(-1px)}
.pgchat__fab svg{color:var(--pgc-acc);flex:0 0 auto}
.pgchat__fabtx{font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.pgchat[data-open="1"] .pgchat__fab{display:none}

/* 패널 */
.pgchat__panel{position:absolute;right:0;bottom:0;width:360px;max-width:calc(100vw - 32px);height:min(560px,calc(100vh - 110px));
  display:none;flex-direction:column;background:var(--pgc-ink);border:1px solid var(--pgc-line);border-radius:16px;
  overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.pgchat[data-open="1"] .pgchat__panel{display:flex}
.pgchat__hd{display:flex;align-items:center;gap:8px;padding:12px 12px 12px 15px;border-bottom:1px solid var(--pgc-line2);background:var(--pgc-ink2)}
.pgchat__ttl{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--pgc-tx);letter-spacing:-.01em}
.pgchat__dot{width:8px;height:8px;border-radius:50%;background:var(--pgc-acc);box-shadow:0 0 0 3px rgba(255,102,0,.18)}
.pgchat__tools{margin-left:auto;display:flex;gap:6px}
.pgchat__x{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--pgc-line2);
  background:none;color:var(--pgc-mut);border-radius:8px;cursor:pointer}
.pgchat__x:hover{color:#fff;border-color:var(--pgc-acc)}

/* 대화 로그 */
.pgchat__log{flex:1;overflow-y:auto;padding:14px 13px;display:flex;flex-direction:column;gap:9px;scrollbar-width:thin}
.pgc-row{display:flex;max-width:100%}
.pgc-row.bot{justify-content:flex-start}
.pgc-row.me{justify-content:flex-end}
.pgc-bub{max-width:84%;padding:9px 12px;border-radius:13px;font-size:13.5px;line-height:1.55;word-break:keep-all;white-space:normal}
.pgc-row.bot .pgc-bub{background:var(--pgc-surf);border:1px solid var(--pgc-line2);color:var(--pgc-tx);border-top-left-radius:5px}
.pgc-row.me .pgc-bub{background:var(--pgc-acc);color:#fff;border-top-right-radius:5px;font-weight:600}

/* 타이핑 표시 */
.pgc-typing{display:inline-flex;gap:4px;align-items:center;padding:11px 13px}
.pgc-typing i{width:6px;height:6px;border-radius:50%;background:var(--pgc-mut);opacity:.5;animation:pgc-bd 1s infinite}
.pgc-typing i:nth-child(2){animation-delay:.15s}.pgc-typing i:nth-child(3){animation-delay:.3s}
@keyframes pgc-bd{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:.9;transform:translateY(-3px)}}

/* 선택 버튼(칩) */
.pgc-opts{display:flex;flex-wrap:wrap;gap:7px;margin:1px 0 2px}
.pgc-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:19px;border:1px solid var(--pgc-line);
  background:var(--pgc-ink2);color:var(--pgc-tx);font-size:12.8px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s;line-height:1.3}
.pgc-chip:hover{border-color:var(--pgc-acc);color:#fff}
.pgc-chip[aria-pressed="true"]{border-color:var(--pgc-acc);background:rgba(255,102,0,.14);color:#fff}
.pgc-chip--go{background:var(--pgc-acc);border-color:var(--pgc-acc);color:#fff}
.pgc-chip--go:hover{filter:brightness(1.08);color:#fff}
.pgc-chip--ghost{background:none}
.pgc-next{margin-top:2px}

/* 추천 카드 */
.pgc-card{border:1px solid var(--pgc-line2);background:var(--pgc-ink2);border-radius:12px;padding:11px 12px;margin:3px 0;width:100%}
.pgc-card h5{margin:0 0 3px;font-size:13.5px;font-weight:800;color:var(--pgc-tx)}
.pgc-card p{margin:0 0 8px;font-size:12.3px;color:var(--pgc-mut);line-height:1.5;word-break:keep-all}
.pgc-card .pgc-opts{margin:0}
.pgc-card .pgc-chip{padding:6px 11px;font-size:12px}

/* 하단 입력 */
.pgchat__ask{display:flex;gap:7px;padding:10px 11px;border-top:1px solid var(--pgc-line2);background:var(--pgc-ink2)}
.pgchat__ask input{flex:1;height:38px;padding:0 13px;border-radius:19px;border:1px solid var(--pgc-line);background:var(--pgc-ink);color:var(--pgc-tx);font-size:13px;outline:none}
.pgchat__ask input:focus{border-color:var(--pgc-acc)}
.pgchat__ask input::placeholder{color:var(--pgc-mut)}
.pgchat__ask button{width:38px;height:38px;flex:0 0 auto;border-radius:50%;border:1px solid var(--pgc-line);background:var(--pgc-ink);color:var(--pgc-acc);cursor:pointer;display:flex;align-items:center;justify-content:center}
.pgchat__ask button:hover{border-color:var(--pgc-acc);background:var(--pgc-acc);color:#fff}

/* 유도 말풍선(먼저 말 걸기) — 런처 위 작은 카드 */
.pgchat__nudge{position:absolute;right:0;bottom:60px;width:270px;max-width:calc(100vw - 32px);background:var(--pgc-ink);
  border:1px solid var(--pgc-line);border-radius:13px;padding:12px 13px;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.pgchat__nudge p{margin:0 0 9px;font-size:13px;line-height:1.5;color:var(--pgc-tx);word-break:keep-all}
.pgchat__nudge .pgc-opts{margin:0}
.pgchat__nudge .pgc-nx{position:absolute;top:7px;right:7px;width:22px;height:22px;border:0;background:none;color:var(--pgc-mut);cursor:pointer;font-size:15px;line-height:1}
.pgchat[data-open="1"] .pgchat__nudge{display:none}

/* to-top(맨 위로) 버튼과 겹치지 않게 위로 밀기 + 패널 열리면 숨김 */
body.pg-has-chat .pg-totop{bottom:88px}
body.pg-chat-open .pg-totop{opacity:0!important;pointer-events:none!important}

/* 모바일: 하단 시트 */
@media(max-width:767px){
  .pgchat{right:16px;bottom:18px}
  .pgchat__fab{height:46px}
  .pgchat__panel{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:100%;height:82vh;border-radius:16px 16px 0 0}
  .pgchat__nudge{right:0;bottom:56px}
  body.pg-has-chat .pg-totop{bottom:76px}
}
@media print{.pgchat{display:none!important}}
@media (prefers-reduced-motion: reduce){.pgc-typing i{animation:none}.pgchat__fab{transition:none}}