/* ── Emoji picker (.emoji-picker) ───────────── */
.emoji-picker {
  position: relative;
}
.emoji-picker__btn {
  font-size: var(--text-2xl);
  width: 44px;
  height: 44px;
  border: 2px solid var(--border);
  border-radius: var(--radius-pop);
  background: var(--neutral-0);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.1s;
}
.emoji-picker__btn:hover { background: var(--neutral-100); }
.emoji-picker__btn.is-placeholder {
  font-size: var(--text-xl);
  color: var(--text-muted);
  font-style: normal;
}
/* emoji search uses .input.input--small; spacing only */
.popover--emoji .input--small { margin-bottom: 8px; background: var(--neutral-100); }
.popover--emoji .input--small:focus { background: var(--neutral-0); }
.emoji-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  max-height: 200px;
  overflow-y: auto;
}
.emoji-btn {
  font-size: var(--text-xl);
  border: none;
  background: none;
  border-radius: var(--radius-tight);
  cursor: pointer;
  padding: 4px 2px;
  line-height: var(--leading-tight);
  transition: background 0.1s;
}
.emoji-btn:hover { background: var(--border); }
.emoji-empty {
  grid-column: 1 / -1;
  text-align: center;
  color: var(--text-muted);
  font-size: var(--text-md);
  padding: 12px 0;
}