/* Horeka AI Assistant — Fixed pill-style bubbles and highlighted purpose statement */
.haifix__panel{
  margin-top:14px;
  border:1px solid #e7e7e9;
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,0.06);
  overflow:hidden;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.haifix__header{
  display:flex;
  align-items:center;
  padding:10px 14px;
  background:linear-gradient(90deg, rgba(10,143,91,0.06), rgba(242,184,0,0.06));
  border-bottom:1px solid #f0f0f0;
}
.haifix__title{ font-weight:700; font-size:15px; color:#0a3f2b; }

.haifix__bubbles{
  display:flex;
  gap:10px;
  padding:12px 14px;
  flex-wrap:wrap;
  align-items:center;
  border-bottom:1px solid #f7f7f7;
}
.haifix__bubble{
  background:#f0f7ff;
  color:#073b61;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(7,59,97,0.06);
  cursor:pointer;
  font-size:14px;
  box-shadow: none;
  transition:transform .12s ease, box-shadow .12s ease;
}
.haifix__bubble:hover{ transform:translateY(-3px); }
.haifix__bubble.active{
  background:#e7f3ff;
  box-shadow:0 6px 18px rgba(7,59,97,0.06);
  color:#032b4a;
}

.haifix__body{ padding:16px; }
.haifix__answer{ display:none; color:#222; line-height:1.5; }
.haifix__answer p{ margin:0 0 10px; }

.haifix__purpose{
  margin-top:14px;
  padding:12px;
  background:#f7fbff;
  border-left:4px solid #0a8f5b;
  border-radius:6px;
  font-weight:600;
  color:#0a3f2b;
}

/* responsive */
@media (max-width:782px){
  .haifix__bubbles{ overflow-x:auto; padding-bottom:8px; }
  .haifix__bubble{ white-space:nowrap; }
}