/* Style de l'assistant d'aide (bouton + fenêtre de chat), commun à toutes les pages. */
#help, #chat {
  --h-bg: var(--solid, #fff); --h-soft: var(--soft, #f6f1f7); --h-accent: var(--accent, #e6d3e8); --h-line: var(--accent-line, #c9b4ef);
  --h-ink: var(--ink, #2a2433); --h-muted: var(--muted, #6b6475); --h-btn: var(--btn, #2a2433); --h-btn-ink: var(--btn-ink, #fff);
  --h-border: var(--line, #e3d8ea); --h-shadow: var(--shadow, 0 18px 40px -18px rgba(70,50,90,.35));
  font-family: "Playfair Display", Georgia, serif; color: var(--h-ink); line-height: 1.45;
}
#help { position:fixed; right:28px; bottom:28px; display:flex; align-items:center; gap:12px; z-index:5; }
#help span { padding:8px 22px; border-radius:999px; background:var(--h-bg); box-shadow:var(--h-shadow); }
#help button { width:58px; height:58px; border-radius:50%; border:2px solid var(--h-line); background:var(--h-accent); font:inherit; font-size:1.4rem; color:var(--h-ink); cursor:pointer; }
#chat { position:fixed; right:28px; bottom:104px; z-index:6; width:min(380px,calc(100vw - 32px)); height:min(520px,calc(100vh - 140px)); display:flex; flex-direction:column; background:var(--h-bg); border-radius:28px; box-shadow:var(--h-shadow); overflow:hidden; }
#chat[hidden] { display:none; }
#chat header { display:flex; justify-content:space-between; align-items:flex-start; padding:18px 20px 14px; background:var(--h-accent); }
#chat header b { display:block; font-weight:500; font-size:1.1rem; }
#chat header small { color:var(--h-muted); }
#chat-close { border:0; background:none; font:inherit; font-size:1.6rem; line-height:1; color:var(--h-ink); cursor:pointer; }
#chat-log { flex:1; overflow-y:auto; padding:16px 16px 4px; display:flex; flex-direction:column; gap:10px; }
#chat .msg { max-width:86%; padding:10px 14px; border-radius:18px; font-size:.95rem; white-space:pre-wrap; }
#chat .msg.bot { align-self:flex-start; background:var(--h-soft); border-bottom-left-radius:6px; }
#chat .msg.me { align-self:flex-end; background:var(--h-accent); border-bottom-right-radius:6px; }
#chat .msg button { display:block; margin-top:8px; padding:8px 16px; border:0; border-radius:999px; background:var(--h-accent); font:inherit; font-size:.85rem; color:var(--h-ink); cursor:pointer; }
#chat-sugg { display:flex; flex-wrap:wrap; gap:8px; padding:8px 16px; }
#chat-sugg button { padding:6px 12px; border-radius:999px; border:1px solid var(--h-line); background:none; font:inherit; font-size:.82rem; color:var(--h-ink); cursor:pointer; }
#chat-form { display:flex; gap:8px; padding:12px 16px 16px; }
#chat-form input { flex:1; min-width:0; padding:11px 16px; border-radius:999px; border:1px solid var(--h-border); background:var(--h-soft); font:inherit; color:var(--h-ink); }
#chat-form button { padding:10px 18px; border:0; border-radius:999px; background:var(--h-btn); color:var(--h-btn-ink); font:inherit; cursor:pointer; }
@media (max-width:600px) { #help span { display:none; } #help { right:16px; bottom:16px; } #chat { right:16px; bottom:88px; } }
#chat header, #chat header small, #chat .msg.me, #chat .msg button, #chat-close { color:#2a2433; }
#help button { color:#2a2433; }