/* DLM FAQ Bot (vanilla JS, no deps) */
:root{
  --dlm-bot-bg:#111827;
  --dlm-bot-panel:#0f172a;
  --dlm-bot-text:#e5e7eb;
  --dlm-bot-accent:#22c55e;
  --dlm-bot-muted:#94a3b8;
}

#dlm-bot-button{
  position:fixed; right:18px; bottom:18px; z-index:2147483600;
  width:56px; height:56px; border-radius:999px; border:0; cursor:pointer;
  background:var(--dlm-bot-accent); color:#000; display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}
#dlm-bot-button svg{ width:28px; height:28px; }

#dlm-bot{
  position:fixed; right:18px; bottom:86px; z-index:2147483600;
  width:min(92vw, 380px); max-height:72vh; display:none; flex-direction:column;
  background:var(--dlm-bot-bg); color:var(--dlm-bot-text); border-radius:16px; overflow:hidden;
  box-shadow:0 18px 50px rgba(0,0,0,.35);
}
#dlm-bot.open{ display:flex; }

.dlm-bot-header{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  background:var(--dlm-bot-panel); padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.06);
}
.dlm-bot-header .title{ font-weight:800; font-size:16px; }
.dlm-bot-header .subtitle{ font-size:12px; color:var(--dlm-bot-muted); }

.dlm-bot-body{ padding:12px; overflow:auto; display:flex; flex-direction:column; gap:10px; }
.dlm-msg{ max-width:85%; padding:10px 12px; border-radius:12px; font-size:14px; line-height:1.4; }
.dlm-msg.bot{ background:#0b1220; color:var(--dlm-bot-text); border:1px solid rgba(255,255,255,.06); }
.dlm-msg.user{ margin-left:auto; background:#e2e8f0; color:#0b1120; }

.dlm-suggestions{ display:flex; flex-wrap:wrap; gap:8px; margin-top:6px; }
.dlm-chip{ background:#0b1220; color:#fff; border:1px solid rgba(255,255,255,.06);
  padding:6px 10px; border-radius:999px; font-size:12px; cursor:pointer; }

.dlm-bot-input{
  display:flex; gap:8px; padding:10px; border-top:1px solid rgba(255,255,255,.06);
  background:var(--dlm-bot-panel);
}
.dlm-bot-input input{ flex:1; padding:10px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.08);
  background:#0b1220; color:#e5e7eb; outline:none; }
.dlm-bot-input button{ padding:10px 14px; border-radius:10px; border:0; background:var(--dlm-bot-accent); color:#0b1120; cursor:pointer; }

.dlm-note{ font-size:11px; color:#94a3b8; margin-top:6px; }

@media (max-height:640px){
  #dlm-bot{ max-height:64vh; }
}