/* TrustPulse-like bubble UI */
.kespb-wrap{
  position: fixed;
  z-index: 999999;
  left: 20px;
  bottom: 30px;
}
.kespb-wrap.kespb-br{ left:auto; right:20px; }
.kespb-bubble{
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  color: #111827;
  border-radius: 999px;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  padding: 14px 18px 14px 14px;
  margin-top: 14px;
  transform: translateY(10px);
  opacity: 0;
  transition: transform .25s ease, opacity .25s ease;
  max-width: 320px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";
}
.kespb-bubble.kespb-show{ transform: translateY(0); opacity: 1; }
.kespb-close{
  position:absolute;
  right:10px;
  top:8px;
  border:0;
  background:transparent;
  font-size:16px;
  line-height:1;
  color:#6B7280;
  cursor:pointer;
}
.kespb-avatar{
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #F3F4F6;
  border: 2px solid #4F46E5;
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
  font-weight: 700;
  font-size: 18px;
  color:#374151;
}
.kespb-body{ flex:1; min-width:0; }
.kespb-title{
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kespb-line{
  font-size: 14px;
  color:#374151;
  line-height:1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kespb-footer{
  margin-top: 4px;
  font-size: 12px;
  color:#6B7280;
  display:flex;
  align-items:center;
  gap:6px;
}
.kespb-brand{
  font-size:12px;
  color:#4F46E5;
  text-decoration:none;
}
.kespb-brand:hover{ text-decoration:underline; }
.kespb-sep{ opacity:.6; }
@media (max-width: 480px){
  .kespb-bubble{ max-width:88vw; }
}