.chatbot {
  position: fixed; right: 20px; bottom: 20px; z-index: 9999;
}
.chatbot__toggle {
  width: 60px; height: 60px; border-radius: 50%; border: 0;
  background: var(--gradient-accent); color: #111410;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .4);
  transition: transform .2s ease;
}
.chatbot__toggle:hover { transform: scale(1.06); }
.chatbot__toggle svg { width: 26px; height: 26px; }
.chatbot__panel {
  position: absolute; right: 0; bottom: 74px;
  width: min(360px, calc(100vw - 40px)); height: 460px; max-height: calc(100vh - 120px);
  background: var(--color-card); border: 1px solid var(--color-border); border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .5);
  display: flex; flex-direction: column; overflow: hidden;
  opacity: 0; visibility: hidden; transform: translateY(12px) scale(.98);
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
}
.chatbot.is-open .chatbot__panel { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.chatbot__header { padding: 16px 18px; background: var(--color-relief); font-weight: 600; }
.chatbot__body { flex: 1; padding: 16px 18px; overflow-y: auto; color: var(--color-muted); font-size: .92rem; }