/* Chat widget styles (kept separate to avoid touching main style.css) */
:root { --chat-max-width: 340px; }
.chat-widget { position: fixed; right: 20px; bottom: 20px; z-index: 9999; font-family: inherit; }
.chat-button { background: #0ea5e9; color: #fff; border: none; border-radius: 50%; width: 56px; height: 56px; box-shadow: 0 10px 30px rgba(2,8,23,0.08); display:flex; align-items:center; justify-content:center; cursor:pointer; }
.chat-window { width: var(--chat-max-width); max-width: calc(100vw - 40px); height: 460px; background: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(2,8,23,0.08); overflow: hidden; display:flex; flex-direction:column; margin-bottom:12px; }
.chat-header { background: linear-gradient(90deg,#0ea5e9,#0284c7); color:#fff; padding:12px 14px; display:flex; align-items:center; justify-content:space-between; }
.chat-header .title { font-weight:600 }
.chat-body { padding:12px; flex:1 1 auto; overflow-y:auto; background:#fbfdff }
.chat-input-area { padding:10px; border-top:1px solid #e2e8f0; display:flex; gap:8px; align-items:center }
.chat-input { flex:1 1 auto; padding:10px 12px; border-radius:8px; border:1px solid #e2e8f0 }
.quick-replies { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px }
.quick-replies button{ background:#eef6fb; border:1px solid #e2e8f0; padding:6px 8px; border-radius:6px; cursor:pointer }
.msg { margin:8px 0; max-width:80%; padding:8px 10px; border-radius:10px; line-height:1.4 }
.msg.bot { background:#ffffff; border:1px solid #e2e8f0; color:#0f172a }
.msg.user { background:#0ea5e9; color:#fff; margin-left:auto }
.chat-cta { display:flex; gap:8px; margin-top:8px }
.chat-cta .btn { background:#f97316; color:#fff; padding:8px 10px; border-radius:8px; text-decoration:none }