/* FineME v324 — modal Reaction controls + selected-mark correctness. */

/* Absolute safeguard: a check mark can only exist visually when the actual reaction button is pressed. */
.fm-v324 .fm-js-reaction:not([aria-pressed="true"]) .fm-reaction-selected-mark,
.fm-v324 .fm-js-reaction .fm-reaction-selected-mark[hidden]{display:none!important}
.fm-v324 .fm-js-reaction[aria-pressed="true"] .fm-reaction-selected-mark:not([hidden]){display:grid!important}

/* Reaction controls cloned into the post popup stay interactive instead of becoming a dead preview. */
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-social-post-stats{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:48px!important;
  padding:8px 14px!important;border-top:1px solid #eef1f7!important;border-bottom:1px solid #eef1f7!important;
  background:linear-gradient(180deg,#fff,#fafbff)!important;overflow:visible!important
}
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-reaction-summary-button{
  min-height:34px!important;padding:6px 10px!important;border-radius:999px!important;background:#f5f4ff!important;
  color:#5f58d9!important;box-shadow:inset 0 0 0 1px rgba(111,87,225,.10)!important;cursor:pointer!important
}
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-reaction-summary-button:hover,
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-reaction-summary-button[aria-expanded="true"]{
  background:linear-gradient(135deg,#eeebff,#fff2fa)!important;box-shadow:inset 0 0 0 1px rgba(111,87,225,.18)!important
}
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-social-post-actions{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;
  padding:9px 14px 12px!important;border-top:0!important;background:#fff!important;overflow:visible!important
}
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-social-post-actions>.fm-reaction-action{
  width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;position:relative!important
}
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-social-post-actions>.fm-reaction-action>.fm-js-reaction{
  width:100%!important;min-height:42px!important;border-radius:14px!important;background:linear-gradient(180deg,#fff,#f7f9fe)!important;
  box-shadow:inset 0 0 0 1px #e7ebf4!important;color:#55627a!important
}
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-social-post-actions>.fm-reaction-action>.fm-js-reaction.is-active{
  background:linear-gradient(135deg,#f1eeff,#fff4fa)!important;color:#6257db!important;
  box-shadow:inset 0 0 0 1px rgba(111,87,225,.18)!important
}

/* In a modal, the breakdown expands inline so it cannot be clipped by the post card. */
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-reaction-insights{
  position:static!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;
  display:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
  margin:0!important;padding:13px!important;border-radius:18px!important;border:1px solid #e6eaf2!important;
  background:linear-gradient(180deg,#fff,#f8f9fe)!important;box-shadow:0 12px 28px rgba(32,45,76,.08)!important
}
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-reaction-action.is-summary-open .fm-reaction-insights{
  display:block!important
}
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-reaction-insights:before{display:none!important}

/* Emoji picker also becomes an inline, easy-to-hit row inside the popup. */
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-reaction-picker{
  position:static!important;left:auto!important;right:auto!important;bottom:auto!important;width:max-content!important;max-width:100%!important;
  display:none!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
  margin:0!important;padding:7px!important;border-radius:16px!important;background:#fff!important;border:1px solid #e6eaf2!important;
  box-shadow:0 10px 24px rgba(31,44,76,.10)!important
}
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-reaction-action.is-picker-open .fm-reaction-picker,
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-reaction-action .fm-reaction-picker:hover,
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-reaction-action .fm-reaction-picker:focus-within{
  display:flex!important
}

/* Video post popup: retain only the Reaction rail and render it as a clean block under the video. */
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview.shadow-video-card .shadow-video-actions{
  position:static!important;inset:auto!important;width:auto!important;height:auto!important;display:block!important;
  padding:10px 12px 12px!important;margin:0!important;background:linear-gradient(180deg,rgba(10,17,30,.94),rgba(15,24,40,.98))!important;
  border-top:1px solid rgba(255,255,255,.08)!important;transform:none!important
}
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview.shadow-video-card .fm-video-reaction-action{
  width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;
  position:relative!important;z-index:3!important
}
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview.shadow-video-card .fm-video-reaction-action>.fm-js-reaction{
  width:100%!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  border-radius:15px!important
}
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview.shadow-video-card .fm-video-reaction-summary-toggle{
  position:static!important;min-height:44px!important;padding:8px 11px!important;border-radius:15px!important
}
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview.shadow-video-card .fm-video-reaction-action .fm-reaction-picker,
.fm-v324 .fm-social-modal.is-post .fm-modal-post-preview.shadow-video-card .fm-video-reaction-action .fm-reaction-insights{
  grid-column:1/-1!important;width:100%!important;max-width:none!important
}

@media(max-width:700px){
  .fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-social-post-stats{padding:7px 10px!important}
  .fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-social-post-actions{padding:8px 10px 10px!important}
  .fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-reaction-picker{width:100%!important;justify-content:space-around!important}
  .fm-v324 .fm-social-modal.is-post .fm-modal-post-preview .fm-reaction-picker button{flex:1 1 0!important;max-width:70px!important}
}