/* Forum-post reaction bar + floating picker. Compact, echoes the chat pills. */
.post-reactions { margin-top: 10px; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.post-reactions .pr-data { display: none; }
.post-reactions .pr-pills { display: inline-flex; flex-wrap: wrap; gap: 4px; }

.post-reactions .react-pill {
  display: inline-flex; align-items: center; gap: 3px;
  border: 1px solid #d5d8dc; background: #f4f5f7; color: #333;
  border-radius: 14px; padding: 1px 8px; font-size: 13px; line-height: 20px;
  cursor: pointer; transition: background .12s, border-color .12s;
}
.post-reactions .react-pill:hover { background: #e9ebee; }
.post-reactions .react-pill.mine { background: #fde7ea; border-color: #cd192d; }
.post-reactions .react-pill img { width: 16px; height: 16px; vertical-align: -3px; }
.post-reactions .react-count { font-weight: 600; font-size: 12px; }

.post-reactions .pr-add {
  border: 1px dashed #cbd0d6; background: transparent; color: #888;
  border-radius: 14px; width: 26px; height: 24px; line-height: 1; cursor: pointer;
}
.post-reactions .pr-add:hover { color: #cd192d; border-color: #cd192d; }

.pr-float-picker {
  position: absolute; z-index: 3000; background: #fff; border: 1px solid #d5d8dc;
  border-radius: 10px; box-shadow: 0 4px 16px rgba(0,0,0,.15); padding: 6px;
  display: flex; gap: 2px;
}
.pr-float-picker .emoji-cell {
  border: 0; background: transparent; cursor: pointer; padding: 3px; border-radius: 6px;
}
.pr-float-picker .emoji-cell:hover { background: #eef0f2; }
.pr-float-picker .emoji-cell img { width: 22px; height: 22px; }