/* R409 — Live reactions support indicator remains blue for every published
   eligible post, even with zero reactions or delayed refreshes. Connection
   status is not represented by the public dot. Preserve R406 structure. */
.vrFeedReactionSummaryR349.vrR406LiveStrip,
.vrpReactionSummaryR405.vrR406LiveStrip{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr)!important;
 align-items:center!important;
 width:100%!important;
 gap:5px!important;
 min-height:43px!important;
 padding:5px 9px!important;
 box-sizing:border-box!important;
 overflow:hidden!important;
}
.vrR406Side{
 display:flex;align-items:center;min-width:0;overflow:visible;
 gap:0;line-height:1;
}
.vrR406Side--positive{justify-content:flex-start}
.vrR406Side--negative{justify-content:flex-end}
.vrR406EmojiCluster{display:inline-flex;align-items:center;white-space:nowrap;min-width:0}
.vrR406Side--negative .vrR406EmojiCluster{flex-direction:row-reverse}
.vrR406Emoji{
 display:inline-flex!important;align-items:center;justify-content:center!important;
 flex:0 0 23px!important;width:23px!important;height:26px!important;
 box-sizing:border-box!important;
 border:0!important;border-radius:0!important;
 background:none!important;
 color:inherit!important;
 margin:0!important;padding:0!important;
 font:normal 18px/1 system-ui,"Apple Color Emoji","Segoe UI Emoji"!important;
 box-shadow:none!important;filter:none!important;
}
.vrR406Side--positive .vrR406Emoji+.vrR406Emoji{margin-left:-7px!important}
.vrR406Side--negative .vrR406Emoji+.vrR406Emoji{margin-right:-7px!important;margin-left:0!important}
.vrR406Ellipsis{display:inline-block;flex:none;font:800 17px/1 system-ui;letter-spacing:.5px;color:#bdb2c6}
.vrR406Side--positive .vrR406Ellipsis{margin-left:2px}
.vrR406Side--negative .vrR406Ellipsis{margin-right:2px}
.vrR406Center{display:flex;align-items:center;justify-content:center;min-width:0}
.vrR406LiveLabel{
 display:inline-flex;align-items:center;justify-content:center;
 gap:5px;white-space:nowrap;flex:none;min-height:32px;
 padding:3px 4px!important;margin:0!important;
 border:0!important;border-radius:0!important;
 background:transparent!important;color:#f1e6f5!important;
 text-align:center!important;font:750 11px/1.1 system-ui,-apple-system,sans-serif!important;
 box-shadow:none!important;text-decoration:none!important;
}
button.vrR406LiveLabel{cursor:pointer;touch-action:manipulation}
button.vrR406LiveLabel:focus-visible{outline:2px solid #caa2ff!important;outline-offset:1px!important;border-radius:5px!important}
button.vrR406LiveLabel:focus:not(:focus-visible){outline:0!important}
.vrR406LiveDot{
 display:inline-block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;
 background:#399EFF;box-shadow:0 0 0 2px rgba(57,158,255,.14);
}
.vrR406LiveDot.vrR406Dot--on,
.vrR406LiveDot.vrR406Dot--off{background:#399EFF;box-shadow:0 0 0 2px rgba(57,158,255,.14)}
@keyframes vrR406DotPulse{
 0%{box-shadow:0 0 0 0 rgba(57,158,255,.7)}
 72%{box-shadow:0 0 0 6px rgba(57,158,255,0)}
 100%{box-shadow:0 0 0 0 rgba(57,158,255,0)}
}
@keyframes vrR406EmojiArrive{
 from{opacity:.5;transform:translateY(4px) scale(.93)}
 to{opacity:1;transform:translateY(0) scale(1)}
}
.vrR406LiveDot.vrR406Dot--on.vrR406Dot--activity{animation:vrR406DotPulse .85s ease-out 1}
.vrR406Emoji--new{animation:vrR406EmojiArrive .28s ease-out 1 both}
@media(max-width:359px){
 .vrFeedReactionSummaryR349.vrR406LiveStrip,
 .vrpReactionSummaryR405.vrR406LiveStrip{gap:2px!important;padding:5px 5px!important}
 .vrR406LiveLabel{font-size:10px!important;gap:4px}
 .vrR406Emoji{flex-basis:21px!important;width:21px!important;font-size:16px!important}
 .vrR406Side--positive .vrR406Emoji+.vrR406Emoji{margin-left:-6px!important}
 .vrR406Side--negative .vrR406Emoji+.vrR406Emoji{margin-right:-6px!important;margin-left:0!important}
}
@media(prefers-reduced-motion:reduce){
 .vrR406LiveDot.vrR406Dot--activity,.vrR406Emoji--new{animation:none!important}
}
