#pe-chat-launcher{position:fixed;right:20px;bottom:20px;border:none;border-radius:999px;padding:14px 16px;box-shadow:0 6px 18px rgba(0,0,0,.15);cursor:pointer}
#pe-chat-panel{position:fixed;right:20px;bottom:80px;width:360px;max-width:92vw;height:520px;display:none;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.2);overflow:hidden;z-index:9999}
#pe-chat-header{padding:12px 14px;font-weight:600;border-bottom:1px solid #eee}
#pe-chat-messages{height:400px;overflow:auto;padding:12px;font-family:system-ui,Segoe UI,Roboto,Arial}
.pe-msg{margin:8px 0;line-height:1.4}
.pe-user{color:#1f2937}
.pe-bot{color:#0f766e}
#pe-chat-inputbar{display:flex;gap:8px;padding:10px;border-top:1px solid #eee}
#pe-chat-input{flex:1;padding:10px;border:1px solid #e5e7eb;border-radius:10px}

#pe-chat-messages{height:400px;overflow:auto;padding:12px;font-family:system-ui,Segoe UI,Roboto,Arial;background:#f8fafc}
.pe-msg{
  margin:8px 0;
  line-height:1.5;
  max-width:85%;
  padding:10px 12px;
  border-radius:14px;
  white-space:pre-wrap;        /* ← conserve les sauts de ligne/espaces */
  word-wrap:break-word;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}
.pe-user{
  background:#e5f0ff;
  color:#1f2937;
  margin-left:auto;            /* bubble right */
  border-top-right-radius:6px;
}
.pe-bot{
  background:#e6f7f4;
  color:#0f766e;
  margin-right:auto;           /* bubble left */
  border-top-left-radius:6px;
}
#pe-chat-header{padding:12px 14px;font-weight:600;border-bottom:1px solid #eee;background:#fff}
#pe-chat-input{flex:1;padding:10px;border:1px solid #e5e7eb;border-radius:10px}
#pe-chat-send{padding:10px 12px;border:0;border-radius:10px;background:#0ea5e9;color:white;cursor:pointer}
#pe-chat-send:hover{filter:brightness(1.05)}
.pe-msg.pe-bot:first-child {
  background: #f0f9ff;
  color: #0369a1;
  font-style: italic;
}
/* état normal (tu as déjà ces styles dans ton fichier, on les garde) */
#pe-chat-panel{position:fixed;right:20px;bottom:80px;width:360px;max-width:92vw;height:520px;display:none;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.2);overflow:hidden;z-index:9999}

/* état plein écran */
#pe-chat-panel.pe-full{
  inset:0 !important; right:0 !important; bottom:0 !important; left:0 !important; top:0 !important;
  width:100vw; height:100svh; border-radius:0; box-shadow:none;
}