/* ===========================================================================
   Borneo · Реакции (docs/spec/reactions.md §4, ТЗ 103)

   Классы и числа — из docs/reactions-preview.html, кадр в кадр: это часть
   спеки, а не черновик. Файл отдельный (не @import в app.css), тем же приёмом,
   что radio.css (109-wire) — app.css обязан побайтово совпадать с
   .claude/skills/borneo/assets/borneo.css (theme_test §5.8).

   Открытие/закрытие ряда — целиком на клиенте ([hidden], хук reactions.js):
   здесь только внешний вид обоих состояний, ни одного правила видимости.
   =========================================================================== */

.reactions { margin-top: 7px; }

.rsum { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; cursor: pointer; }

.rchip {
  display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 999px;
  background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .2);
  font-size: 11px; font-weight: 600; font-family: var(--font-h, inherit);
}
.rchip .e { font-size: 12.5px; line-height: 1; }
.rchip.mine { background: rgba(255, 255, 255, .9); color: #15181F; border-color: transparent; }

.rquiet { font-size: 10.5px; color: var(--w-3, rgba(255, 255, 255, .5)); }

.rrow {
  display: flex; gap: 5px; align-items: center; padding: 7px 9px; border-radius: 999px;
  background: linear-gradient(150deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .09));
  border: 1px solid var(--glass-line, rgba(255, 255, 255, .32));
  box-shadow: 0 14px 28px -22px rgba(0, 0, 0, .7);
  width: fit-content;
}
.rrow span {
  font-size: 17px; line-height: 1; padding: 4px; border-radius: 50%; cursor: pointer;
}
.rrow span.on { background: rgba(255, 255, 255, .9); }

.reactions p.micro[data-role="hint"] { margin-top: 6px; }