.xq-message-toolbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  margin-top: 8px;
}

.xq-message-action {
  display: flex;
  min-width: 0;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  padding: 3px 1px;
  color: #404040;
  font: inherit;
  transition: background-color 0.16s ease, transform 0.16s ease;
}

.xq-message-action:hover {
  background: #f5f5f5;
  transform: translateY(-1px);
}

.xq-message-action:focus-visible {
  outline: 2px solid #bb1b1b;
  outline-offset: 1px;
}

.xq-message-action__icon {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
}

.xq-message-action__label {
  max-width: 100%;
  overflow: hidden;
  color: #404040;
  font-size: 12px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xq-message-action--orange .xq-message-action__icon { background: #ffedd5; color: #f97316; }
.xq-message-action--blue .xq-message-action__icon { background: #dbeafe; color: #2563eb; }
.xq-message-action--green .xq-message-action__icon { background: #dcfce7; color: #16a34a; }
.xq-message-action--purple .xq-message-action__icon { background: #f3e8ff; color: #9333ea; }

.dark .xq-message-action:hover { background: rgba(255, 255, 255, 0.06); }
.dark .xq-message-action, .dark .xq-message-action__label { color: #d4d4d4; }