/* Messenger 2.3 reaction UX. Inherits KONEVIX Theme Engine semantic tokens. */
.messenger-reactions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px;align-items:center}
.messenger-reaction{display:inline-flex;align-items:center;gap:0;border:1px solid var(--color-border,var(--border));border-radius:999px;background:var(--color-surface-secondary,var(--panel));overflow:hidden}
.messenger-reaction-toggle,.messenger-reaction-users{border:0;background:transparent;color:var(--color-text-primary,var(--text));font:inherit;cursor:pointer;padding:4px 7px;min-height:27px}
.messenger-reaction-toggle.mine{background:color-mix(in srgb,var(--color-accent,var(--blue)) 15%,transparent)}
.messenger-reaction-toggle b{font-size:11px;margin-left:3px}
.messenger-reaction-users{font-size:12px;border-left:1px solid var(--color-border,var(--border))}
.messenger-reaction button:hover,.messenger-reaction button:focus-visible{background:var(--color-surface-hover,var(--surface))}
.messenger-quick-react{font-size:15px!important;padding:2px 6px!important}
.messenger-emoji-modal{width:min(440px,94vw);max-height:min(70vh,630px);overflow:auto}
.messenger-emoji-modal input{width:100%;margin:10px 0}
.messenger-emoji-categories{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.messenger-emoji-categories .active{border-color:var(--color-accent,var(--blue));color:var(--color-accent,var(--blue))}
.messenger-emoji-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;max-height:300px;overflow:auto}
.messenger-emoji-grid button{font-size:24px;border:1px solid transparent;border-radius:9px;min-height:43px;background:transparent;cursor:pointer}
.messenger-emoji-grid button:hover,.messenger-emoji-grid button:focus-visible{background:var(--color-surface-hover,var(--surface));border-color:var(--color-border,var(--border))}
.messenger-reaction-user-list{max-height:45vh;overflow:auto}
.messenger-reaction-user-list>div{padding:9px;border-bottom:1px solid var(--color-border,var(--border))}
.messenger-composer{grid-template-columns:minmax(0,1fr) auto auto auto}
@media(max-width:760px){.messenger-emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.messenger-message-tools{opacity:1}.messenger-quick-react{padding:3px!important}}
@media(prefers-reduced-motion:reduce){.messenger-emoji-grid button,.messenger-reaction button{transition:none!important}}