/* ============================================
   TIMESTAMPS STYLES
   Inline with bottom of bubble, outside
   ============================================ */

/* Message needs relative positioning for timestamp */
.message.show-timestamp {
  position: relative;
}

/* Timestamp element — hidden by default */
.message-timestamp {
  display: none;
  font-size: 0.6rem;
  font-family: var(--font-mono);
  color: var(--text-muted);
  opacity: 0.6;
  user-select: none;
  line-height: 1;
  white-space: nowrap;
  position: absolute;
  bottom: 4px;
  pointer-events: none;
}

/* Show when enabled */
.message.show-timestamp .message-timestamp {
  display: block;
}

/* Slightly brighter on hover */
.message:hover .message-timestamp {
  opacity: 0.85;
}

/* User messages: timestamp to the left of the bubble */
.message.user .message-timestamp {
  right: calc(100% + 8px);
}

/* Assistant messages: timestamp to the right of the bubble */
.message.assistant .message-timestamp {
  left: calc(100% + 8px);
}

/* Mobile: tighter spacing */
@media (max-width: 480px) {
  .message.user .message-timestamp {
    right: calc(100% + 4px);
  }
  .message.assistant .message-timestamp {
    left: calc(100% + 4px);
  }
}