.halo-tamora-root { position: fixed; bottom: 20px; z-index: 999999; }
.ht-bubble {
  position: fixed; bottom: 20px; padding: 12px 14px; border-radius: 999px; 
  color: #fff; display: flex; align-items: center; gap: 8px; cursor: pointer;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}
.ht-bubble-text { font-weight: 600; }
.ht-bubble-dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.85); }

.ht-panel {
  position: fixed; bottom: 90px; right: 20px; width: 340px; max-width: 90vw;
  background: #fff; border-radius: 16px; box-shadow: 0 18px 48px rgba(0,0,0,.22);
  overflow: hidden; transform: translateY(20px); opacity: 0; pointer-events: none; transition: .2s ease;
}
.halo-tamora-root .ht-panel.open { transform: translateY(0); opacity: 1; pointer-events: auto; }
.halo-tamora-root .ht-panel.open.left { left: 20px; right: auto; }

.ht-header {
  color: #fff; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between;
}
.ht-header .ht-close { background: transparent; border: 0; color: #fff; font-size: 20px; cursor: pointer; }

.ht-body { height: 320px; overflow-y: auto; padding: 12px; background: #f8fafc; }
.ht-msg { white-space: pre-wrap; line-height: 1.35; padding: 10px 12px; border-radius: 12px; max-width: 80%; }
.ht-msg-user { background: #e2f2ff; margin: 8px 0 8px auto; }
.ht-msg-assistant { background: #fff; margin: 8px auto 8px 0; }

.ht-input { border-top: 1px solid #e5e7eb; background: #fff; }
.ht-form { display: flex; gap: 8px; padding: 8px; }
.ht-form .ht-msg { flex: 1; border: 1px solid #d1d5db; border-radius: 8px; }
.ht-form .ht-send { background: #111827; color: #fff; border: 0; border-radius: 8px; padding: 8px 12px; cursor: pointer; }