/* Bubbles.js — typing indicator dots */
.bubble-typing {
  width: 44px;
  padding: 12px 14px;
  height: 8px;
}

.dot {
  background-color: #9CA3AF;        /* neutral gray at rest */
  float: left;
  height: 7px;
  margin-left: 4px;
  width: 7px;
  animation-name: bounce_dot;
  animation-duration: 2.24s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  border-radius: 50%;
}

.dot_1 { animation-delay: 0.45s; }
.dot_2 { animation-delay: 1.05s; }
.dot_3 { animation-delay: 1.35s; }

@keyframes bounce_dot {
  0%   { background-color: #9CA3AF; }
  50%  { background-color: #1B8354; } /* DGA green pulse */
  100% { background-color: #9CA3AF; }
}