.feed-unified-actions{
  position:relative;
  z-index:2;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(44px,1fr);
  align-items:stretch;
  gap:0;
  padding:5px 9px;
  border-top:1px solid var(--ui-border);
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%);
}
.feed-unified-actions .post-engagement,
.feed-unified-actions .post-actions,
.feed-unified-actions .feed-context-actions,
.feed-unified-actions .post-actions>form{
  display:contents;
}
.feed-unified-actions .post-stats{
  display:none;
}
.feed-unified-actions .post-actions>button,
.feed-unified-actions .post-actions>a,
.feed-unified-actions .post-actions>form>button,
.feed-unified-actions .reaction-picker>summary,
.feed-unified-actions .post-report-menu>summary,
.feed-unified-actions .feed-context-actions>a,
.feed-unified-actions .feed-context-actions>button{
  position:relative;
  min-width:0;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:6px 5px;
  color:#617085;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:inset -1px 0 0 #edf1f6;
  font-family:inherit;
  line-height:1;
  cursor:pointer;
  transition:color .15s ease,opacity .15s ease,transform .15s ease;
}
.feed-unified-actions .feed-context-actions:last-child>a:last-child,
.feed-unified-actions .feed-context-actions:last-child>button:last-child{
  box-shadow:none;
}
.feed-unified-actions .post-actions>button:hover,
.feed-unified-actions .post-actions>a:hover,
.feed-unified-actions .post-actions>form>button:hover,
.feed-unified-actions .reaction-picker>summary:hover,
.feed-unified-actions .post-report-menu>summary:hover,
.feed-unified-actions .feed-context-actions>a:hover,
.feed-unified-actions .feed-context-actions>button:hover{
  color:var(--ui-primary);
  background:transparent;
  transform:translateY(-1px);
}
.feed-unified-actions .reaction-picker>summary.is-active,
.feed-unified-actions .post-actions :is(button,a).is-active,
.feed-unified-actions .feed-context-actions .is-primary{
  color:var(--ui-primary);
  background:transparent;
}
.feed-unified-actions .action-label,
.feed-unified-actions .visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.feed-unified-actions .icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  opacity:.9;
}
.feed-unified-actions :is(button,a,summary):hover .icon{
  opacity:1;
}
.feed-action-count{
  min-width:17px;
  height:17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 4px;
  color:#536176;
  background:#fff;
  border:1px solid #e1e7ef;
  border-radius:999px;
  font-size:10px;
  font-weight:850;
  line-height:1;
}
.feed-unified-actions :is(.is-active,.is-primary) .feed-action-count{
  color:var(--ui-primary);
  background:#fff;
  border-color:#cbd9eb;
}
.feed-unified-actions .reaction-picker,
.feed-unified-actions .post-report-menu{
  position:relative;
  inset:auto;
  z-index:45;
  min-width:0;
}
.feed-unified-actions .reaction-picker[open]{
  z-index:1450;
}
.feed-unified-actions .reaction-picker>summary,
.feed-unified-actions .post-report-menu>summary{
  width:100%;
  height:100%;
  list-style:none;
}
.feed-unified-actions .reaction-picker>summary::-webkit-details-marker,
.feed-unified-actions .post-report-menu>summary::-webkit-details-marker{
  display:none;
}
.post-card:has(.feed-unified-actions .reaction-picker[open]){
  position:relative;
  z-index:1400;
  overflow:visible;
}
.post-card:has(.feed-unified-actions .reaction-picker[open]) .post-media{
  overflow:hidden;
}
.feed-unified-actions .reaction-picker-menu{
  position:absolute;
  left:0;
  bottom:calc(100% + 8px);
  z-index:1500;
  min-width:188px;
  display:grid;
  grid-template-columns:repeat(4,40px);
  justify-content:center;
  gap:4px;
  padding:6px;
  transform:none;
  background:#fff;
  border:1px solid #dce3ec;
  border-radius:12px;
  box-shadow:0 16px 38px rgba(20,35,60,.22);
}
.feed-unified-actions .reaction-picker-menu form{
  display:block;
  margin:0;
}
.feed-unified-actions .reaction-picker-menu :is(button,.reaction-option-link){
  position:relative;
  width:40px;
  min-width:40px;
  height:40px;
  min-height:40px;
  display:grid;
  place-items:center;
  padding:0;
  color:#637186;
  background:#fff;
  border:1px solid transparent;
  border-radius:10px;
  text-decoration:none;
  box-shadow:none;
  transition:border-color .15s ease,transform .15s ease;
}
.feed-unified-actions .reaction-picker-menu :is(button,.reaction-option-link):hover,
.feed-unified-actions .reaction-picker-menu :is(button,.reaction-option-link):focus-visible{
  color:var(--ui-primary);
  background:#fff;
  border-color:#cbd8e8;
  transform:translateY(-1px);
  outline:0;
}
.feed-unified-actions .reaction-picker-menu :is(button,.reaction-option-link).is-active{
  color:var(--ui-primary);
  background:#f8fbff;
  border-color:#91add3;
}
.feed-unified-actions .reaction-picker-menu :is(button,.reaction-option-link).is-dominant:not(.is-active){
  background:#fff;
  border-color:#dbe3ed;
}
.feed-unified-actions .reaction-picker-menu :is(button,.reaction-option-link) .reaction-icon{
  width:28px;
  height:28px;
}
.feed-unified-actions .reaction-picker>summary .reaction-icon-primary,
.feed-unified-actions .post-actions>a .reaction-icon-primary{
  width:24px;
  height:24px;
}
.feed-unified-actions .reaction-option-count{
  top:-4px;
  right:-4px;
}
.feed-unified-actions .post-report-menu>form{
  right:0;
  bottom:calc(100% + 8px);
  z-index:1500;
}
.feed-unified-actions.is-commercial-only{
  grid-auto-columns:minmax(54px,1fr);
}

@media(max-width:640px){
  .feed-unified-actions{
    padding:4px 6px;
  }
  .feed-unified-actions .post-actions>button,
  .feed-unified-actions .post-actions>a,
  .feed-unified-actions .post-actions>form>button,
  .feed-unified-actions .reaction-picker>summary,
  .feed-unified-actions .post-report-menu>summary,
  .feed-unified-actions .feed-context-actions>a,
  .feed-unified-actions .feed-context-actions>button{
    min-height:42px;
    padding:5px 3px;
  }
  .feed-unified-actions .icon{
    width:21px;
    height:21px;
    flex-basis:21px;
  }
  .feed-action-count{
    min-width:15px;
    height:15px;
    padding-inline:3px;
    font-size:10px;
  }
  .feed-unified-actions .reaction-picker>summary .feed-action-count{
    position:static;
    display:inline-flex;
    min-width:16px;
    height:16px;
    margin-left:1px;
    padding:0 3px;
    clip:auto;
    overflow:visible;
    white-space:nowrap;
  }
  .feed-unified-actions .post-report-menu>form{
    right:-4px;
    width:min(300px,calc(100vw - 24px));
  }
}

@media(max-width:390px){
  .feed-unified-actions{
    grid-auto-columns:minmax(38px,1fr);
    padding-inline:4px;
  }
  .feed-unified-actions .icon{
    width:20px;
    height:20px;
    flex-basis:20px;
  }
  .feed-action-count{
    position:absolute;
    top:3px;
    right:calc(50% - 17px);
    border:1px solid #fff;
  }
  .feed-unified-actions .reaction-picker>summary .feed-action-count{
    position:static;
    top:auto;
    right:auto;
    border-color:#e1e7ef;
  }
}

/* Jerarquía canónica de acciones del feed */
.feed-unified-actions .post-actions>button,
.feed-unified-actions .post-actions>a,
.feed-unified-actions .post-actions>form>button,
.feed-unified-actions .reaction-picker>summary,
.feed-unified-actions .post-report-menu>summary,
.feed-unified-actions .feed-context-actions>a,
.feed-unified-actions .feed-context-actions>button{min-height:44px}
.feed-unified-actions .reaction-picker-menu{min-width:204px;grid-template-columns:repeat(4,44px);gap:5px;padding:7px}
.feed-unified-actions .reaction-picker-menu :is(button,.reaction-option-link){width:44px;min-width:44px;height:44px;min-height:44px}
.feed-unified-actions .reaction-picker-menu :is(button,.reaction-option-link) .reaction-icon{width:30px;height:30px}
@media(min-width:768px){
  .feed-unified-actions .post-actions>button,.feed-unified-actions .post-actions>a,.feed-unified-actions .post-actions>form>button,.feed-unified-actions .reaction-picker>summary,.feed-unified-actions .feed-context-actions>a,.feed-unified-actions .feed-context-actions>button{gap:6px;padding-inline:8px}
}
@media(max-width:767.98px){
  .feed-unified-actions{grid-auto-columns:minmax(44px,1fr);padding:4px 6px}
  .feed-unified-actions .action-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .feed-unified-actions .post-actions>button,.feed-unified-actions .post-actions>a,.feed-unified-actions .post-actions>form>button,.feed-unified-actions .reaction-picker>summary,.feed-unified-actions .post-report-menu>summary,.feed-unified-actions .feed-context-actions>a,.feed-unified-actions .feed-context-actions>button{min-height:44px;padding:5px 3px}
}
@media(hover:none){.feed-unified-actions :is(button,a,summary):hover{transform:none}}

/* QA v1.8: contadores legibles y hover solo cuando existe puntero preciso. */
.feed-action-count{font-size:10px}
@media(max-width:767.98px){.feed-action-count{font-size:10px}}
@media(hover:none){
  .feed-unified-actions .post-actions>button:hover,
  .feed-unified-actions .post-actions>a:hover,
  .feed-unified-actions .post-actions>form>button:hover,
  .feed-unified-actions .reaction-picker>summary:hover,
  .feed-unified-actions .post-report-menu>summary:hover,
  .feed-unified-actions .feed-context-actions>a:hover,
  .feed-unified-actions .feed-context-actions>button:hover{color:#617085;background:transparent;transform:none}
  .feed-unified-actions .reaction-picker>summary.is-active:hover,
  .feed-unified-actions .post-actions :is(button,a).is-active:hover,
  .feed-unified-actions .feed-context-actions .is-primary:hover{color:var(--ui-primary)}
}