/* Message context menu positioning and hover behavior */
.message {
  position: relative;
}



/* Message card styling */
.message.user {
  justify-content: flex-end;
}

/* Message background colors */
.message .card.primary-container {
  background: color-mix(in srgb, var(--primary-container) 30%, transparent);
  color: var(--on-primary-container);
}

.message .card.surface {
  background: var(--layer-surface);
  color: var(--on-surface);
}

/* Reply indicator */
.card.is-reply {
  border-left: 3px solid var(--primary);
  padding-left: calc(var(--inline-space) - 3px);
}

.message .context-menu {
  position: absolute;
  top: var(--size-1);
  z-index: var(--layer-top);
  right: var(--size-1);
}

.message:hover .context-menu-trigger {
  opacity: 1;
  visibility: visible;
}

/* Always show context menu trigger on touch devices */
@media (hover: none) and (pointer: coarse) {
  .message .context-menu-trigger {
    opacity: 1;
    visibility: visible;
  }
}

/* Alternative: Always show on small screens (mobile) */
@media (max-width: 768px) {
  .message .context-menu-trigger {
    opacity: 1;
    visibility: visible;
  }
}

.message.user .context-menu-options {
  right: 0;
}

.message.assistant .context-menu-options,
.message.third-party .context-menu-options {
  right: 0;
}