#chat-list ul { list-style: none; padding: 0; margin: 0; }
#chat-list li { width: 100%; margin: 0; }
#chat-list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0;
}
#chat-list li a:hover { opacity: 0.8; }
#chat-list li a.active { background-color: var(--color-primary); color: var(--color-primary-content); }

/* Placeholder indicator (bouncing dots) */
.placeholder-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-base-content);
  opacity: 0.4;
  animation: placeholder-bounce 1.4s ease-in-out infinite both;
}
.placeholder-dot:nth-child(2) { animation-delay: 0.16s; }
.placeholder-dot:nth-child(3) { animation-delay: 0.32s; }

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

.placeholder-label {
  font-size: 0.75rem;
  color: var(--color-base-content);
  opacity: 0.6;
}