/* NestPortal build 502 · mismo diseño v500/v501, nueva huella de caché. */
/* NestPortal v499 · reacción del mismo tamaño que las demás acciones, con estados guardando/guardado. */
.messageReactionBtnV499{
  appearance:none!important;-webkit-appearance:none!important;position:relative!important;
  display:inline-grid!important;visibility:visible!important;opacity:1!important;place-items:center!important;
  flex:0 0 28px!important;order:-30!important;width:28px!important;min-width:28px!important;height:28px!important;
  padding:0!important;margin:0!important;border:1px solid rgba(8,126,108,.30)!important;border-radius:50%!important;
  background:radial-gradient(circle at 38% 30%,#fff 0 18%,#e6faf4 49%,#b8eadf 100%)!important;
  color:#087764!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 5px rgba(4,92,78,.14)!important;
  cursor:pointer!important;touch-action:manipulation!important;-webkit-user-select:none!important;user-select:none!important;
  -webkit-touch-callout:none!important;overflow:visible!important;
  transition:transform .15s ease,filter .15s ease,box-shadow .15s ease,background .2s ease!important;
}
.messageReactionBtnV499::after{content:"";position:absolute;inset:1px;border-radius:50%;border:1px solid rgba(255,255,255,.48);pointer-events:none}
.messageReactionBtnV499::before{content:"";position:absolute;inset:-2px;border-radius:50%;pointer-events:none;opacity:0;transform:rotate(-90deg);background:conic-gradient(#ffc84a 0deg,transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0)}
.messageReactionBtnV499.isHoldingV499::before{opacity:1;animation:superHoldV499 .56s linear forwards}
.messageReactionBtnV499:active{transform:scale(.90)!important}.messageReactionBtnV499:focus-visible{outline:2px solid rgba(13,183,144,.28)!important;outline-offset:1px!important}
.messageReactionHeartV499{display:block!important;font:900 18px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;color:#087e69!important;transform:translateY(-.5px);text-shadow:0 1px 0 rgba(255,255,255,.72)!important;pointer-events:none}
.messageReactionStarV499{position:absolute!important;left:50%!important;top:50%!important;display:block!important;opacity:0!important;transform:translate(-50%,-50%) scale(.2) rotate(-25deg)!important;color:#fff5aa!important;font:900 9px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;text-shadow:0 1px 2px rgba(113,65,0,.7)!important;pointer-events:none!important}
.messageReactionBtnV499.isLiked{background:radial-gradient(circle at 38% 30%,#fff 0 15%,#d9f8ea 42%,#86dbc6 100%)!important;border-color:rgba(5,126,103,.52)!important}.messageReactionBtnV499.isLiked .messageReactionHeartV499{color:#e04b68!important;text-shadow:0 1px 0 #fff!important}
.messageReactionBtnV499.isSuperliked{background:radial-gradient(circle at 35% 25%,#fff9ca 0 14%,#ffb7cf 38%,#e95c99 72%,#9b3fc1 100%)!important;border-color:rgba(151,49,151,.58)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 0 0 1px rgba(255,202,74,.3),0 3px 8px rgba(135,39,127,.26)!important}
.messageReactionBtnV499.isSuperliked .messageReactionHeartV499{color:#fff!important;font-size:19px!important;text-shadow:0 1px 3px rgba(103,23,92,.65)!important}.messageReactionBtnV499.isSuperliked .messageReactionStarV499{opacity:1!important;transform:translate(-50%,-52%) scale(1) rotate(-8deg)!important}
.messageReactionCountV499,.messageSuperCountV499{position:absolute!important;display:grid!important;place-items:center!important;height:14px!important;padding:0 3px!important;border:1px solid #fff!important;border-radius:999px!important;color:#fff!important;font:900 8px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;box-shadow:0 1px 4px rgba(4,73,63,.24)!important;z-index:3!important;pointer-events:none!important}
.messageReactionCountV499{right:-5px!important;top:-6px!important;min-width:14px!important;background:#087e69!important}.messageSuperCountV499{left:-6px!important;bottom:-6px!important;min-width:18px!important;background:linear-gradient(135deg,#f4a800,#b53aa1)!important}
.messageReactionCountV499[hidden],.messageSuperCountV499[hidden]{display:none!important}
.messageReactionPendingV499{display:none;position:absolute;inset:-3px;border-radius:50%;border:2px solid transparent;border-top-color:#0ba88b;border-right-color:rgba(11,168,139,.34);pointer-events:none;z-index:4}
.messageReactionBtnV499.isPendingV499 .messageReactionPendingV499{display:block;animation:reactionSavingV499 .9s linear infinite}
.messageReactionBtnV499.isPendingV499{filter:saturate(.86);box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 0 0 2px rgba(11,168,139,.10),0 2px 5px rgba(4,92,78,.14)!important}
.messageReactionSavedV499{display:none;position:absolute;right:-4px;bottom:-5px;width:13px;height:13px;place-items:center;border-radius:50%;border:1px solid #fff;background:#08a37f;color:#fff;font:900 8px/1 system-ui;z-index:5;box-shadow:0 1px 4px rgba(4,73,63,.24);pointer-events:none}
.messageReactionBtnV499.isSavedV499 .messageReactionSavedV499{display:grid;animation:reactionSavedV499 .9s ease both}
.messageReactionBtnV499.reactionPulseV499 .messageReactionHeartV499{animation:reactionPulseV499 .36s ease}.groupMsgActionsV241>.messageReactionBtnV499{margin-right:0!important}
@keyframes reactionPulseV499{0%{transform:scale(.7)}55%{transform:scale(1.24)}100%{transform:scale(1)}}
@keyframes superHoldV499{from{background:conic-gradient(#ffc84a 0deg,transparent 0)}to{background:conic-gradient(#ffc84a 360deg,transparent 360deg)}}
@keyframes reactionSavingV499{to{transform:rotate(360deg)}}
@keyframes reactionSavedV499{0%{opacity:0;transform:scale(.4)}25%,70%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.75)}}
@media(max-width:420px){.messageReactionBtnV499{flex-basis:27px!important;width:27px!important;min-width:27px!important;height:27px!important}.messageReactionHeartV499{font-size:17px!important}.messageReactionBtnV499.isSuperliked .messageReactionHeartV499{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){.messageReactionBtnV499{transition:none!important}.messageReactionBtnV499.reactionPulseV499 .messageReactionHeartV499,.messageReactionBtnV499.isHoldingV499::before,.messageReactionBtnV499.isPendingV499 .messageReactionPendingV499,.messageReactionBtnV499.isSavedV499 .messageReactionSavedV499{animation:none!important}}

/* v500 · contadores junto a vistas; el botón solo expresa la reacción propia. */
.messageReactionCountV499,.messageSuperCountV499{display:none!important}
.msgStatsV500{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;
  width:max-content!important;margin:7px 2px 2px auto!important;color:rgba(20,84,78,.78)!important;
  font-size:10.5px!important;line-height:1!important;font-weight:750!important;white-space:nowrap!important;
}
.msgStatsV500 .msgViewsV454{margin:0!important;width:auto!important}
.msgLikeStatV500,.msgSuperStatV500{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;
  color:rgba(20,84,78,.82)!important;font:inherit!important;font-weight:800!important;white-space:nowrap!important;
}
.msgReactionStatIconV500{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:11px!important;height:11px!important;font-size:11px!important;line-height:1!important}
.msgLikeStatV500 .msgReactionStatIconV500{color:#d94a67!important}
.msgSuperStatV500 .msgReactionStatIconV500{color:#d79500!important;text-shadow:0 1px 1px rgba(105,64,0,.14)!important}
.msgLikeStatV500 b,.msgSuperStatV500 b{font:inherit!important;font-weight:850!important;min-width:.7em!important;text-align:right!important}
.groupReactionStatsV500{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#51716a!important;font-size:10.5px!important;line-height:1!important;font-weight:800!important;white-space:nowrap!important}
.msgRow.deleted .msgLikeStatV500,.msgRow.deleted .msgSuperStatV500{opacity:.62!important}
.msgRow.own .msgStatsV500{color:rgba(20,84,78,.82)!important}

/* El marcado se sostiene también por el atributo, aun si otro módulo recompone clases. */
.messageReactionBtnV499[data-reaction-v499="like"]{
  background:radial-gradient(circle at 38% 30%,#fff 0 15%,#d9f8ea 42%,#86dbc6 100%)!important;
  border-color:rgba(5,126,103,.52)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 0 0 2px rgba(217,74,103,.10),0 2px 5px rgba(4,92,78,.14)!important;
}
.messageReactionBtnV499[data-reaction-v499="like"] .messageReactionHeartV499{color:#e04b68!important;text-shadow:0 1px 0 #fff!important}
.messageReactionBtnV499[data-reaction-v499="superlike"]{
  background:radial-gradient(circle at 35% 25%,#fff9ca 0 14%,#ffb7cf 38%,#e95c99 72%,#9b3fc1 100%)!important;
  border-color:rgba(151,49,151,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 0 0 2px rgba(255,202,74,.34),0 3px 8px rgba(135,39,127,.26)!important;
}
.messageReactionBtnV499[data-reaction-v499="superlike"] .messageReactionHeartV499{color:#fff!important;font-size:19px!important;text-shadow:0 1px 3px rgba(103,23,92,.65)!important}
.messageReactionBtnV499[data-reaction-v499="superlike"] .messageReactionStarV499{opacity:1!important;transform:translate(-50%,-52%) scale(1) rotate(-8deg)!important}
@media(max-width:420px){.msgStatsV500{gap:7px!important}.groupReactionStatsV500{gap:7px!important}}
