/* OrigAI message bubble actions v2y */

/* Base action row */
.message .message-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 10px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(148, 163, 184, .12) !important;
  opacity: .82 !important;
  transition: opacity .18s ease, transform .18s ease !important;
}

.message:hover .message-actions,
.message:focus-within .message-actions {
  opacity: 1 !important;
}

/* Base button */
.message .message-action-btn {
  appearance: none !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
  background: rgba(15, 23, 42, .28) !important;
  color: rgba(226, 232, 240, .78) !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  padding: 6px 10px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease !important;
}

.message .message-action-btn:hover {
  background: rgba(96, 165, 250, .16) !important;
  border-color: rgba(147, 197, 253, .34) !important;
  color: rgba(255, 255, 255, .94) !important;
  transform: translateY(-1px) !important;
}

.message .message-action-btn.is-saved {
  background: rgba(34, 197, 94, .15) !important;
  border-color: rgba(74, 222, 128, .35) !important;
  color: rgba(220, 252, 231, .95) !important;
}

.message .message-action-btn[data-action="delete"] {
  color: rgba(254, 202, 202, .9) !important;
}

.message .message-action-btn[data-action="delete"]:hover {
  background: rgba(239, 68, 68, .15) !important;
  border-color: rgba(248, 113, 113, .38) !important;
  color: rgba(255, 255, 255, .96) !important;
}

/* Mobile override: v2x hides actions; v2y brings them back under bubbles */
body:not([data-page="pc"]) .message .message-actions,
body[data-page="mobile"] .message .message-actions {
  display: flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: 8px !important;
  padding-top: 7px !important;
  border-top: 1px solid rgba(148, 163, 184, .10) !important;
  opacity: .84 !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}

body:not([data-page="pc"]) .message .message-actions::-webkit-scrollbar,
body[data-page="mobile"] .message .message-actions::-webkit-scrollbar {
  display: none !important;
}

body:not([data-page="pc"]) .message .message-action-btn,
body[data-page="mobile"] .message .message-action-btn {
  flex: 0 0 auto !important;
  font-size: 11px !important;
  padding: 5px 7px !important;
  border-radius: 999px !important;
}

/* Mobile deletion is long press, not a visible crowded button */
body:not([data-page="pc"]) .message .message-action-btn[data-action="delete"],
body[data-page="mobile"] .message .message-action-btn[data-action="delete"] {
  display: none !important;
}

/* Slightly softer action row inside light assistant bubble on mobile */
body:not([data-page="pc"]) .message.assistant .message-action-btn,
body[data-page="mobile"] .message.assistant .message-action-btn {
  background: rgba(241, 245, 249, .78) !important;
  color: rgba(51, 65, 85, .76) !important;
  border-color: rgba(203, 213, 225, .72) !important;
}

body:not([data-page="pc"]) .message.assistant .message-action-btn:hover,
body[data-page="mobile"] .message.assistant .message-action-btn:hover {
  background: rgba(226, 232, 240, .98) !important;
  color: rgba(15, 23, 42, .92) !important;
}

/* User bubble mobile action buttons */
body:not([data-page="pc"]) .message.user .message-action-btn,
body[data-page="mobile"] .message.user .message-action-btn {
  background: rgba(255, 255, 255, .10) !important;
  color: rgba(255, 255, 255, .82) !important;
  border-color: rgba(255, 255, 255, .16) !important;
}

body:not([data-page="pc"]) .message.user .message-action-btn:hover,
body[data-page="mobile"] .message.user .message-action-btn:hover {
  background: rgba(255, 255, 255, .18) !important;
  color: #ffffff !important;
}

/* Long press visual hint on mobile */
body:not([data-page="pc"]) .message.origai-long-press-armed .bubble,
body[data-page="mobile"] .message.origai-long-press-armed .bubble {
  transform: scale(.992) !important;
  filter: brightness(.98) !important;
}