/* ==========================================================================
   Pictomate answer rating — the thumbs under each chat reply.

   Deliberately quiet. The thumbs sit in the same muted footer row as the
   "Need help?" links, so they read as an available action rather than a
   request. A prominent rating prompt under every answer makes a support chat
   feel like a survey.
   ========================================================================== */

.pictomate-rate {
  display: inline-flex;
  gap: 2px;
  vertical-align: middle;
  margin-right: 6px;
}

.pictomate-rate-btn {
  background: none;
  border: none;
  padding: 0 4px;
  line-height: 1;
  font-size: 0.95em;
  color: #bbb;
  cursor: pointer;
  transition: color 0.12s ease-in-out, transform 0.12s ease-in-out;
}

.pictomate-rate-btn:hover {
  color: #de256f;
  transform: scale(1.15);
}

.pictomate-rate-btn:focus-visible {
  outline: 2px solid #de256f;
  outline-offset: 2px;
  border-radius: 3px;
}

.pictomate-rate-thanks {
  color: #999;
  font-style: italic;
}