.cd-scout-chat-mock, .cd-scout-chat-mock *, .cd-scout-chat-mock *::before, .cd-scout-chat-mock *::after {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  line-height: 1.6 !important;
  letter-spacing: normal !important;
}
.cd-scout-chat-mock .cdi {
  width: 1em !important;
  height: 1em !important;
  flex-shrink: 0 !important;
  display: block !important;
}
.cd-scout-chat-mock {
  display: block !important;
  width: 100% !important;
  background: transparent !important;
}
.cd-scout-chat-mock .cdc {
  background: #fff !important;
  border: 1px solid rgba(11,15,20,0.07) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 30px 60px rgba(11,15,20,0.12) !important;
 
  margin: 0 auto !important;
}
.cd-scout-chat-mock .cdc__bar {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid rgba(11,15,20,0.07) !important;
}
.cd-scout-chat-mock .cdc__av {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
  background: rgba(255,90,31,0.08) !important;
  border: 1px solid rgba(255,90,31,0.15) !important;
}
.cd-scout-chat-mock .cdc__av img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.cd-scout-chat-mock .cdc__who { display: block !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; color: #041531 !important; }
.cd-scout-chat-mock .cdc__st { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 11.5px !important; color: #6B7280 !important; }
.cd-scout-chat-mock .cdc__st::before { content: "" !important; width: 6px !important; height: 6px !important; border-radius: 50% !important; background: #4ADE80 !important; }
.cd-scout-chat-mock .cdc__body {
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  background: #FCFCFB !important;
}
.cd-scout-chat-mock .cdc__b { max-width: 88% !important; padding: 13px 15px !important; border-radius: 14px !important; font-size: 13.5px !important; line-height: 1.6 !important; }
.cd-scout-chat-mock .cdc__b--bot { background: #F3F4F6 !important; color: #2A3646 !important; border-bottom-left-radius: 5px !important; }
.cd-scout-chat-mock .cdc__b--me { align-self: flex-end !important; background: #0A2347 !important; color: #fff !important; border-bottom-right-radius: 5px !important; }
.cd-scout-chat-mock .cdc__b--out { background: #fff !important; border: 1px solid rgba(11,15,20,0.07) !important; box-shadow: 0 2px 10px rgba(4,21,49,0.05) !important; max-width: 100% !important; color: #2A3646 !important; }
.cd-scout-chat-mock .cdc__b--out b { color: #041531 !important; font-weight: 700 !important; }
.cd-scout-chat-mock .cdc__act {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  margin-top: 12px !important;
  padding: 12px 18px !important;
  border-radius: 10px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #FF9C3E, #F08013) !important;
  animation: cdcPulse 2.6s ease-in-out infinite 2s !important;
}
.cd-scout-chat-mock .cdc__act i { font-size: 11px !important; }
@keyframes cdcPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(240,128,19,0.45); }
  50% { box-shadow: 0 0 0 9px rgba(240,128,19,0); }
}
.cd-scout-chat-mock .cdc__in {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 13px 16px !important;
  border-top: 1px solid rgba(11,15,20,0.07) !important;
  background: #fff !important;
  font-size: 13px !important;
  color: #9AA1AC !important;
}
.cd-scout-chat-mock .cdc__in > span:first-child { flex: 1 !important; }
.cd-scout-chat-mock .cdc__send {
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  flex-shrink: 0 !important;
  font-size: 11px !important;
  color: #fff !important;
  background: #F08013 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.cd-scout-chat-mock .cdc__caret {
  display: inline-block !important;
  width: 1.5px !important;
  height: 12px !important;
  background: #F08013 !important;
  margin-left: 3px !important;
  vertical-align: -2px !important;
  animation: cdcCaret 1.1s steps(1) infinite !important;
}
@keyframes cdcCaret { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } }
.cd-scout-chat-mock .cdc__typ { display: inline-flex !important; gap: 4px !important; align-items: center !important; }
.cd-scout-chat-mock .cdc__typ i { width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #9AA1AC !important; display: block !important; animation: cdcDots 1.1s ease-in-out infinite !important; }
.cd-scout-chat-mock .cdc__typ i:nth-child(2) { animation-delay: 0.15s !important; }
.cd-scout-chat-mock .cdc__typ i:nth-child(3) { animation-delay: 0.3s !important; }
@keyframes cdcDots { 0%, 60%, 100% { opacity: 0.25; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-3px); } }
.cd-scout-chat-mock .an-me { animation: cdcMe 13s cubic-bezier(0.16,1,0.3,1) infinite !important; }
.cd-scout-chat-mock .cdc__b--typ {
  align-self: flex-start !important;
  width: 62px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
.cd-scout-chat-mock .an-typ { animation: cdcTyp 13s linear infinite !important; }
.cd-scout-chat-mock .an-out { animation: cdcOut 13s cubic-bezier(0.16,1,0.3,1) infinite !important; }
@keyframes cdcMe {
  0%, 6% { opacity: 0; transform: translateY(10px); }
  12%, 92% { opacity: 1; transform: none; }
  97%, 100% { opacity: 0; transform: translateY(-6px); }
}
@keyframes cdcTyp {
  0%, 16% { opacity: 0; }
  21%, 33% { opacity: 1; }
  38%, 100% { opacity: 0; }
}
@keyframes cdcOut {
  0%, 36% { opacity: 0; transform: translateY(12px) scale(0.98); }
  43%, 92% { opacity: 1; transform: none; }
  97%, 100% { opacity: 0; transform: translateY(-6px); }
}
@media (prefers-reduced-motion: reduce) {
  .cd-scout-chat-mock .an-me, .cd-scout-chat-mock .an-typ, .cd-scout-chat-mock .an-out, .cd-scout-chat-mock .cdc__typ i, .cd-scout-chat-mock .cdc__caret, .cd-scout-chat-mock .cdc__act { animation: none !important; }
  .cd-scout-chat-mock .an-typ { opacity: 0 !important; }
  .cd-scout-chat-mock .an-me, .cd-scout-chat-mock .an-out { opacity: 1 !important; transform: none !important; }
}
.cd-scout-chat-mock .cdc__act .cdi { width: 14px !important; height: 14px !important; }
.cd-scout-chat-mock .cdc__send .cdi { width: 13px !important; height: 13px !important; }