/* Shared component styles across chat/guestbook */

/* Emoji picker popup */
.emoji-picker-popup {
  position: absolute;
  background: var(--chatplin-bg-secondary);
  border: 1px solid var(--chatplin-border);
  border-radius: 8px;
  padding: 6px;
  display: flex;
  gap: 6px;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.emoji-picker-popup .emoji-option {
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 6px;
}

.emoji-picker-popup .emoji-option:hover {
  background: var(--chatplin-hover);
}