/* Chatbot DJAM - isolation .djam-bot* */
.djam-bot-launcher {
  position: fixed; bottom: 20px; right: 20px;
  width: 56px; height: 56px; border-radius: 50%;
  background: #E91E63; color: #fff; border: none;
  font-size: 1.5rem; cursor: pointer; z-index: 9000;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
  display: flex; align-items: center; justify-content: center;
  transition: transform .2s;
}
.djam-bot-launcher:hover { transform: scale(1.08); }
.djam-bot-panel {
  position: fixed; bottom: 86px; right: 20px;
  width: 360px; max-width: calc(100vw - 40px);
  height: 500px; max-height: calc(100vh - 120px);
  background: #fff; border-radius: 14px;
  box-shadow: 0 12px 40px rgba(0,0,0,.25);
  z-index: 9001; display: none;
  flex-direction: column; overflow: hidden;
  font-family: -apple-system, system-ui, sans-serif;
  color: #1a1a1a;
}
.djam-bot-panel.open { display: flex; }
@media (max-width: 480px) {
  .djam-bot-panel { right: 10px; bottom: 80px; width: calc(100vw - 20px); height: calc(100vh - 100px); }
}
.djam-bot-head {
  background: linear-gradient(135deg, #E91E63, #00BCD4);
  color: #fff; padding: 14px 16px;
  display: flex; align-items: center; justify-content: space-between;
}
.djam-bot-head strong { display: block; font-size: 1rem; }
.djam-bot-head small { display: block; font-size: .75rem; opacity: .9; }
.djam-bot-close {
  background: rgba(255,255,255,.2); border: none; color: #fff;
  width: 32px; height: 32px; border-radius: 50%;
  font-size: 1.4rem; cursor: pointer; line-height: 1;
}
.djam-bot-close:hover { background: rgba(255,255,255,.35); }
.djam-bot-body {
  flex: 1; overflow-y: auto; padding: 14px;
  background: #f7f7fa;
  display: flex; flex-direction: column; gap: 10px;
}
.djam-bot-msg {
  max-width: 85%; padding: 10px 14px; border-radius: 14px;
  font-size: .9rem; line-height: 1.4;
}
.djam-bot-msg.bot { background: #fff; border: 1px solid #eee; align-self: flex-start; }
.djam-bot-msg.user { background: #E91E63; color: #fff; align-self: flex-end; }
.djam-bot-suggestions {
  padding: 8px 14px; display: flex; flex-wrap: wrap; gap: 6px;
  background: #f7f7fa; border-top: 1px solid #eee;
}
.djam-bot-suggestion {
  background: #fff; border: 1px solid #E91E63;
  color: #E91E63; padding: 6px 12px; border-radius: 16px;
  font-size: .75rem; cursor: pointer;
}
.djam-bot-suggestion:hover { background: #E91E63; color: #fff; }
.djam-bot-form {
  display: flex; padding: 10px 12px; gap: 8px;
  border-top: 1px solid #eee; background: #fff;
}
.djam-bot-form input {
  flex: 1; padding: 10px; border: 1px solid #ddd;
  border-radius: 20px; font-family: inherit; font-size: .9rem;
}
.djam-bot-form button {
  background: #E91E63; color: #fff; border: none;
  width: 40px; height: 40px; border-radius: 50%; cursor: pointer;
}