#sqcb-bubble{
  position:fixed; right:20px; bottom:20px; width:56px; height:56px;
  background:#4f46e5; color:#fff; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:24px; cursor:pointer; box-shadow:0 10px 24px rgba(0,0,0,.2); z-index:99999;
}
#sqcb-bubble, #sqcb-panel { z-index: 999999 !important; }

#sqcb-panel{
  position:fixed; right:20px; bottom:90px; width:360px; max-width:92vw;
  background:#fff; border:1px solid #e5e7eb; border-radius:16px;
  box-shadow:0 18px 40px rgba(0,0,0,.18); overflow:hidden; z-index:99999;
}
.sqcb-hidden{ display:none; }
.sqcb-header{ padding:12px 14px; font-weight:600; background:#f3f4f6; }
.sqcb-messages{ height:300px; overflow:auto; padding:12px; background:#fafafa; }
.sqcb-msg{ margin-bottom:10px; }
.sqcb-msg.user{ text-align:right; }
.sqcb-msg .bubble{
  display:inline-block; padding:9px 11px; border-radius:12px; max-width:85%;
  line-height:1.35;
}
.sqcb-msg.user .bubble{ background:#4f46e5; color:#fff; }
.sqcb-msg.bot .bubble{ background:#fff; border:1px solid #e5e7eb; }
.sqcb-msg .meta{ font-size:12px; color:#6b7280; margin-top:4px; }
.sqcb-input{ display:flex; gap:8px; padding:10px; border-top:1px solid #eee; background:#fff; }
#sqcb-q{ flex:1; padding:8px 10px; border:1px solid #ddd; border-radius:10px; }
#sqcb-send{ padding:8px 12px; background:#4f46e5; color:#fff; border:none; border-radius:10px; cursor:pointer; }
#sqcb-send:disabled{ opacity:.6; cursor:not-allowed; }

.sqcb-msg.bot .bubble ul{ margin:6px 0 0 18px; }
.sqcb-msg.bot .bubble ol{ margin:6px 0 0 18px; }
.sqcb-msg.bot .bubble strong{ font-weight:600; }

.sqcb-lead { margin-bottom: 6px; font-weight: 600; }

/* human-friendly lead line */
.sqcb-lead { margin-bottom: 6px; font-weight: 600; }

/* loader spinner */
.sqcb-spinner{
  display:inline-block; width:14px; height:14px;
  border:2px solid currentColor; border-right-color: transparent;
  border-radius:50%; animation: sqcb-spin .8s linear infinite;
  margin-right:8px; vertical-align:-2px;
}
@keyframes sqcb-spin { to { transform: rotate(360deg); } }
