/* agent/_message.html.erb */

/* Documentor notification (centered, muted) */
.message-documentor {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-8);
  padding-block: var(--spacing-8);
}

.message-documentor-icon {
  width: var(--spacing-16);
  height: var(--spacing-16);
  color: var(--text-primary);
}

.message-documentor-button,
.message-documentor-text {
  font-size: var(--font-size-14);
  line-height: 1.25rem;
  color: var(--text-tertiary);
}
.message-documentor-button:hover { color: var(--text-hover); }
html.theme-dark .message-documentor-button:hover { color: var(--text-hover); }

.message-documentor-download {
  color: var(--symbol-default);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;

  &:hover { color: var(--text-hover); }
}
html.theme-dark .message-documentor-download:hover { color: var(--text-hover); }

.message-documentor-download-icon {
  width: var(--spacing-16);
  height: var(--spacing-16);
}

/* User message */
.message-user {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-12);
  justify-content: flex-end;
}

.message-user-bubble {
  background-color: var(--background-surface-2);
  color: var(--text-primary);
  border-radius: var(--corner-radius-md);
  border-top-right-radius: 0.125rem; /* Note: bespoke value */
  padding-inline: var(--spacing-16);
  padding-block: var(--spacing-12);
  max-width: 80%;
}

.message-user-text {
  white-space: pre-wrap;
}

/* Assistant message */
.message-assistant {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-12);
}

.message-assistant-avatar {
  flex-shrink: 0;
  width: var(--spacing-32);
  height: var(--spacing-32);
  border-radius: var(--corner-radius-full);
  background-color: var(--background-surface-2);
  display: flex;
  align-items: center;
  justify-content: center;
}
html.theme-dark .message-assistant-avatar { background-color: var(--background-surface-2); }

.message-assistant-avatar-icon {
  width: var(--spacing-16);
  height: var(--spacing-16);
  color: var(--text-primary);
}
html.theme-dark .message-assistant-avatar-icon { color: var(--text-primary); }

.message-assistant-bubble {
  background-color: var(--background-surface-2);
  border-radius: var(--corner-radius-md);
  border-top-left-radius: 0.125rem; /* Note: bespoke value */
  padding-inline: var(--spacing-16);
  padding-block: var(--spacing-12);
  max-width: none;
  /* prose styling lives in objects/_prose.css; ERB carries `message-assistant-bubble prose prose-sm`. */
}