/* Luma chat interface */

.chat-bubble-user {
  @apply bg-gray-100 rounded-2xl p-4 max-w-3xl text-[var(--luma-text)];
}

.chat-bubble-ai {
  @apply rounded-2xl p-4 max-w-3xl text-[var(--luma-text)];
  background-color: var(--luma-bg-subtle);
  border: 1px solid rgba(155, 127, 212, 0.15);
}

.chat-active {
  background-color: var(--luma-bg-subtle);
  border-left: 3px solid var(--product-accent);
}

.chat-active svg {
  color: var(--product-accent);
}

.chat-active p.text-sm {
  @apply text-[var(--luma-text)] font-semibold;
}

.message-content {
  @apply max-w-none text-sm text-[var(--luma-text)] leading-relaxed;
}

.message-content p {
  @apply mb-2 last:mb-0;
}

.message-content ul, .message-content ol {
  @apply mb-2 pl-5;
}

.message-content li {
  @apply mb-1;
}

.message-content a {
  color: var(--luma-brand);
  @apply underline;
}

.message-content code {
  @apply text-sm bg-gray-100 px-1 py-0.5 rounded;
}