/* 사이트 안 챗봇 대화창 모양 — 승인 시안(종이색·연두 선·각진 상자·Barlow 제목), 보내기 버튼은 오른쪽 아래 챗봇 버튼과 같은 연두(Chris 결정 10-28) */
.chat-panel{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));z-index:46;display:flex;flex-direction:column;width:380px;height:min(560px,calc(100dvh - 44px));background:var(--paper);color:#273b1f;border:1px solid #c8d1be;box-shadow:0 18px 60px #0000008c;font-family:var(--body)}
.chat-panel[hidden]{display:none}
.chat-open .chatbot-launcher{display:none}
.chat-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 14px;border-bottom:1px solid #d6ddcd}
.chat-head .eyebrow{color:#526e3c;font-size:9px}
.chat-head h2{font:600 30px/1 var(--display);margin:6px 0 0;color:var(--ink);letter-spacing:0}
.chat-status{display:inline-block;margin-top:8px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;background:#dde7d2;border:1px solid #bbcda9;padding:4px 7px;color:#526e3c}
.chat-head .icon-button{color:#273b1f;flex-shrink:0;margin:-8px -10px 0 0}
.chat-note{margin:0;padding:9px 20px;font-size:9.5px;line-height:1.5;color:#5f6b55;background:#eceee4;border-bottom:1px solid #d6ddcd}
.chat-note button{padding:0;background:none;border:0;color:#273b1f;text-decoration:underline;font:inherit;cursor:pointer}
.chat-log{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px;display:flex;flex-direction:column;gap:10px}
.chat-msg{max-width:88%;padding:10px 12px;font-size:12.5px;line-height:1.55;overflow-wrap:anywhere}
.chat-msg p{margin:0;white-space:pre-line}
.chat-msg>*+*{margin-top:8px}
.chat-msg ul,.chat-msg ol{margin:0;padding-left:18px}
.chat-msg-bot{align-self:flex-start;background:var(--white);border:1px solid #d6ddcd;color:var(--ink)}
.chat-msg-user{align-self:flex-end;max-width:80%;background:var(--ink);color:var(--paper);white-space:pre-wrap}
.chat-topics{display:flex;flex-wrap:wrap;gap:6px}
.chat-topics button{font:inherit;font-size:10px;line-height:1.5;border:1px solid #c0cdb4;padding:7px 10px;color:#526c40;background:#f1f4eb;cursor:pointer}
.chat-topics button:hover{background:#e6edde}
.chat-typing{display:flex;gap:4px;margin:0 20px 10px;padding:12px;width:48px;background:var(--white);border:1px solid #d6ddcd}
.chat-typing[hidden]{display:none}
.chat-typing i{width:6px;height:6px;border-radius:50%;background:#8fa47c;animation:chat-dot 1s infinite ease-in-out}
.chat-typing i:nth-child(2){animation-delay:.15s}
.chat-typing i:nth-child(3){animation-delay:.3s}
@keyframes chat-dot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.chat-form{display:flex;gap:8px;padding:12px 14px 8px;border-top:1px solid #d6ddcd}
.chat-form textarea{flex:1;resize:none;min-height:40px;max-height:120px;padding:10px 12px;font:inherit;font-size:12.5px;line-height:1.4;color:var(--ink);background:var(--white);border:1px solid #c8d1be}
.chat-form textarea:focus-visible{outline:2px solid #8fa47c;outline-offset:1px}
.chat-send{padding:0 18px;background:#dce8cf;color:#253c19;border:1px solid #b5c8a1;font:700 11px var(--body);letter-spacing:.05em;cursor:pointer}
.chat-send:hover{background:#edf3e5}
.chat-send:disabled{opacity:.55;cursor:wait}
.chat-foot{margin:0;padding:0 14px 10px;font-size:8.5px;color:#5f6b55}
@media (max-width:600px){.chat-panel{inset:0;width:auto;height:auto;border:0;box-shadow:none}.chat-head h2{font-size:24px}body.chat-open{overflow:hidden}}
@media (prefers-reduced-motion:reduce){.chat-typing i{animation:none}}