
.lead-float {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 1200;
  border: 0;
  border-radius: 999px;
  padding: 14px 18px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  background: #0c8f43;
  color: #fff;
  box-shadow: 0 14px 30px rgba(0,0,0,.18);
}
.leadbot-backdrop { position: fixed; inset: 0; background: rgba(7,17,12,.42); z-index: 1300; }
.leadbot {
  position: fixed; right: 24px; bottom: 90px; width: 380px; max-width: calc(100vw - 24px);
  height: 640px; max-height: calc(100vh - 120px); background: #fff; border-radius: 24px;
  box-shadow: 0 24px 70px rgba(0,0,0,.22); z-index: 1400; overflow: hidden; display: flex; flex-direction: column;
}
.leadbot-header {
  display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:20px 20px 16px;
  background: linear-gradient(135deg, #0b6f36, #1f9b49); color:#fff;
}
.leadbot-header p { margin: 6px 0 0; opacity:.9; font-size:.95rem; }
.leadbot-close { background:transparent; color:#fff; border:0; font-size:28px; line-height:1; cursor:pointer; }
.leadbot-body { display:flex; flex-direction:column; min-height:0; flex:1; }
.leadbot-messages { padding:18px; overflow:auto; flex:1; background:#f6f7f5; }
.leadbot-form { border-top:1px solid rgba(0,0,0,.08); padding:16px; background:#fff; }
.leadbot-bubble { max-width:88%; padding:12px 14px; border-radius:16px; margin-bottom:12px; line-height:1.45; }
.leadbot-bubble.bot { background:#fff; color:#132117; box-shadow:0 2px 10px rgba(0,0,0,.06); }
.leadbot-bubble.user { background:#e7f5ec; color:#0d3d22; margin-left:auto; }
.leadbot-actions, .leadbot-fields { display:grid; gap:10px; }
.leadbot-actions button, .leadbot-fields button, .leadbot-fields a { width:100%; }
.leadbot-fields label { display:grid; gap:6px; font-size:.92rem; color:#314438; }
.leadbot-fields input, .leadbot-fields select, .leadbot-fields textarea {
  width:100%; border:1px solid rgba(0,0,0,.12); border-radius:12px; padding:12px 14px; font:inherit;
}
@media (max-width: 640px) {
  .leadbot { right:12px; left:12px; width:auto; bottom:78px; height:calc(100vh - 108px); max-height:none; }
  .lead-float { right:12px; bottom:12px; }
}
