/* Chatbot Henri Frick v1.0.5 – styles + emoji animé */
#hf-chatbot-root.hf-mounted { position: fixed; bottom: 20px; right: 20px; z-index: 99999; }
.hf-btn { background:#1f2937; color:#fff; border:none; border-radius:9999px; padding:10px 14px; display:flex; align-items:center; gap:10px; box-shadow:0 10px 20px rgba(0,0,0,.15); cursor:pointer }
.hf-btn:hover { filter: brightness(1.05) }
.hf-emoji { width:24px; height:24px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px rgba(255,255,255,.8); animation:hf-bob 2.2s ease-in-out infinite; }
@keyframes hf-bob { 0%,100% { transform: translateY(0) rotate(0deg);} 50% { transform: translateY(-3px) rotate(2deg);} }
@media (prefers-reduced-motion: reduce) { .hf-emoji { animation:none; } }

.hf-panel { width: 360px; max-height: 70vh; background:#fff; border-radius:16px; box-shadow:0 20px 40px rgba(0,0,0,.2); overflow:hidden; display:none; flex-direction:column; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif }
.hf-header { background:#111827; color:#fff; padding:12px 16px; display:flex; justify-content:space-between; align-items:center }
.hf-title { font-weight:700; font-size:14px }
.hf-body { padding:12px; display:flex; flex-direction:column; gap:8px; overflow:auto; font-size:14px; line-height:1.35; color:#111827 }
.hf-msg { display:flex; gap:8px }
.hf-msg.user { justify-content:flex-end }
.hf-bubble { max-width: 85%; padding:10px 12px; border-radius:12px }
.hf-bubble.bot { background:#f3f4f6; color:#111827; border-bottom-left-radius:4px }
.hf-bubble.user { background:#1f2937; color:#fff; border-bottom-right-radius:4px }
.hf-inputbar { padding:12px; border-top:1px solid #e5e7eb; display:flex; gap:8px }
.hf-input { flex:1; border:1px solid #e5e7eb; border-radius:12px; padding:10px 12px; font-size:14px }
.hf-send { background:#111827; color:#fff; border:none; border-radius:10px; padding:10px 12px; cursor:pointer }
.hf-suggest { display:flex; flex-wrap:wrap; gap:6px }
.hf-chip { background:#eef2ff; color:#1e3a8a; border:none; border-radius:9999px; padding:8px 10px; font-size:12px; cursor:pointer }
.hf-footer { padding:8px 12px; border-top:1px solid #e5e7eb; font-size:11px; color:#6b7280 }
.hf-link { color:#2563eb; text-decoration:none }
