/* ============================================
   typing_indicator.css — Bereich: typing_indicator
   ============================================ */
.chat-typing{
  /* ---- "schreibt…"-Indikator (Typing Indicator) ---- */
  min-height: 24px;
  padding: 3px 16px 5px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--text-muted);
  font-size: 12.5px;
  line-height: 1;
  border-top: 1px solid var(--border-light);
  box-sizing: border-box;
}

.chat-typing[hidden]{
  display: none;
}

.chat-typing__dots i{
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
  display: inline-block;
  animation: chat-typing-bounce 1.2s infinite ease-in-out;
}

.chat-typing__dots i:nth-child(2){
  animation-delay: 0.15s;
}

.chat-typing__dots i:nth-child(3){
  animation-delay: 0.3s;
}

@keyframes chat-typing-bounce {
    0%, 60%, 100% {
        transform: translateY(0);
        opacity: 0.4;
    }
    30% {
        transform: translateY(-3px);
        opacity: 1;
    }
}