/* Universal engagement system: stats, comments, and card metric rows. */
.universal-engagement-section,
.universal-detail-actions{
  display:grid !important;
  gap:0 !important;
  margin-top:0 !important;
  background:#fff !important;
  color:#111827 !important;
}

.ms-universal-interaction-card,
.detail-interaction-card,
.detail-bottom-card,
.action-comments-card,
.stats-comments-card,
.comments-card{
  background:#fff !important;
  border:0 !important;
  box-shadow:none;
}

.universal-detail-actions > .uda-section,
.universal-detail-actions > .uda-section--caption,
.universal-detail-actions > .uda-activity-bar,
.universal-detail-actions > .uda-comments-block,
.detail-caption-section,
.detail-action-stats,
.detail-comments-section{
  border:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  background:#fff !important;
}

.universal-detail-actions > .uda-section,
.universal-detail-actions > .uda-section--caption,
.universal-detail-actions > .uda-activity-bar,
.universal-detail-actions > .uda-comments-block{
  border-radius:0 !important;
}

.universal-detail-actions > .uda-section--caption{
  padding:16px 20px 8px !important;
}

.universal-detail-actions > .uda-activity-bar{
  min-height:0 !important;
  padding:10px 20px 8px !important;
}

.universal-detail-actions > .uda-comments-block{
  display:grid !important;
  gap:10px !important;
  padding:6px 20px 18px !important;
}

.uda-activity-actions,
.content-metrics-row,
.module-thumb-stats,
.universal-card-stats,
.feed-card-stats,
.post-stat-row,
.engagement-stat-row,
.card-stat-row{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:clamp(18px, 2vw, 24px) !important;
  min-height:28px;
  line-height:1 !important;
  overflow-x:auto;
  scrollbar-width:none;
}

.uda-activity-actions::-webkit-scrollbar,
.content-metrics-row::-webkit-scrollbar,
.module-thumb-stats::-webkit-scrollbar,
.universal-card-stats::-webkit-scrollbar,
.feed-card-stats::-webkit-scrollbar,
.post-stat-row::-webkit-scrollbar,
.engagement-stat-row::-webkit-scrollbar,
.card-stat-row::-webkit-scrollbar{
  display:none;
}

.module-thumb-stats,
.content-metrics-row{
  justify-content:center !important;
}

.uda-action-count,
.content-metrics-row .metric-item,
.module-thumb-stats .metric-item,
.universal-card-stat,
.feed-card-stats .stat-item,
.post-stat-item,
.engagement-stat-item,
.card-stat-item{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#000 !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.uda-action-icon,
.content-metrics-row .metric-icon,
.module-thumb-stats .metric-icon,
.feed-card-stats .stat-icon,
.universal-card-stat .stat-icon,
.post-stat-item .stat-icon,
.engagement-stat-item .stat-icon,
.card-stat-item .stat-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:24px !important;
  height:24px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#000 !important;
  line-height:1 !important;
}

.uda-action-svg,
.uda-action-icon svg,
.uda-action-icon .repost-icon,
.content-metrics-row .metric-icon svg,
.module-thumb-stats .metric-icon svg,
.content-metrics-row .metric-repost-icon,
.module-thumb-stats .metric-repost-icon,
.feed-card-stats svg,
.universal-card-stat svg,
.post-stat-item svg,
.engagement-stat-item svg,
.card-stat-item svg{
  display:block !important;
  width:22px !important;
  height:22px !important;
  color:#000 !important;
  stroke:#000 !important;
  stroke-width:2 !important;
  fill:none !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.uda-action-count.is-active .uda-action-icon,
.uda-action-count.is-active .uda-action-svg,
.metric-item--repost.is-active,
.timeline-feed-card__engagement-item.is-active{
  background:transparent !important;
  color:#000 !important;
  border-color:transparent !important;
}

.uda-action-count.is-active .uda-action-svg,
.uda-action-count.is-active .uda-action-icon svg,
.content-metrics-row .metric-item:last-child .metric-icon svg,
.module-thumb-stats .metric-item:last-child .metric-icon svg,
.feed-card-stats .timeline-feed-card__engagement-item.is-active svg,
.universal-card-stat.is-active svg{
  fill:none !important;
  stroke:#000 !important;
}

.uda-action-count-value,
.content-metrics-row .metric-count,
.module-thumb-stats .metric-count,
.feed-card-stats .stat-count,
.universal-card-stat .stat-count,
.post-stat-item .stat-count,
.engagement-stat-item .stat-count,
.card-stat-item .stat-count{
  color:#000 !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
}

.uda-comments-label{
  margin:0 !important;
  color:#111827 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:0.06em !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
}

.uda-comment-empty,
.comments-empty-box,
.comment-empty,
.no-comments,
.empty-comments{
  display:none !important;
}

.uda-comment-list,
.comment-list,
.comment-thread,
.comments-inner,
.comment-body{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.uda-comment-list:empty{
  display:none !important;
}

.uda-comment-item{
  grid-template-columns:30px minmax(0, 1fr) !important;
  gap:9px !important;
}

.uda-comment-copy{
  color:#111827 !important;
  font-size:14px !important;
  line-height:1.35 !important;
}

.uda-comment-copy strong{
  color:#111827 !important;
  font-weight:800 !important;
}

.uda-comment-meta{
  color:#6b7280 !important;
  font-size:12px !important;
}

.uda-composer{
  display:grid !important;
  grid-template-columns:30px minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

.uda-comment-avatar,
.uda-composer-avatar{
  width:30px !important;
  height:30px !important;
  border-radius:999px !important;
  background:#e5e7eb !important;
  border:0 !important;
}

.uda-composer input,
.comment-input-wrap,
.comment-form,
.comment-compose-row,
.comments-input-row,
.comment-input-container{
  border:1px solid #d1d5db !important;
  border-radius:999px !important;
  background:#fff !important;
}

.uda-composer input{
  width:100% !important;
  min-height:38px !important;
  padding:0 16px !important;
  color:#111827 !important;
  font-size:14px !important;
}

.uda-post-btn{
  min-height:36px !important;
  padding:0 15px !important;
  border:0 !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:800 !important;
}

.uda-action-pill{
  min-height:32px !important;
  padding:0 12px !important;
  border:1px solid #d1d5db !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#111827 !important;
  font-size:12px !important;
  font-weight:800 !important;
}

@media (max-width:1024px){
  .universal-detail-actions,
  .ms-universal-interaction-card,
  .detail-interaction-card,
  .detail-bottom-card{
    width:100% !important;
    max-width:none !important;
    border-radius:0 !important;
  }

  .universal-detail-actions > .uda-section--caption{
    padding:12px 12px 6px !important;
  }

  .universal-detail-actions > .uda-activity-bar{
    padding:9px 12px 7px !important;
  }

  .universal-detail-actions > .uda-comments-block{
    padding:5px 12px 14px !important;
  }

  .uda-activity-actions,
  .content-metrics-row,
  .module-thumb-stats{
    gap:18px !important;
  }
}

@media (max-width:420px){
  .uda-composer{
    grid-template-columns:28px minmax(0, 1fr) auto !important;
    gap:8px !important;
  }

  .uda-comment-avatar,
  .uda-composer-avatar{
    width:28px !important;
    height:28px !important;
  }

  .uda-action-icon,
  .content-metrics-row .metric-icon,
  .module-thumb-stats .metric-icon{
    width:22px !important;
    height:22px !important;
  }

  .uda-action-svg,
  .uda-action-icon svg,
  .content-metrics-row .metric-icon svg,
  .module-thumb-stats .metric-icon svg,
  .content-metrics-row .metric-repost-icon,
  .module-thumb-stats .metric-repost-icon{
    width:21px !important;
    height:21px !important;
  }
}

/* Final universal stats-row enforcement: plain outline icons, no circles. */
.uda-activity-actions,
.content-metrics-row,
.module-thumb-stats,
.universal-card-stats,
.feed-card-stats,
.post-stat-row,
.engagement-stat-row,
.card-stat-row,
.popular-card-stats,
.watch-library__stats,
.media-post-card__stats,
.blog-card-metrics,
.alumni-card-metrics,
.alumni-news-card-metrics,
.staff-card-metrics,
.trainer-card-metrics,
.honors-thumb-metrics,
.trophy-thumb-metrics,
.hof-card-metrics,
.champ-card-metrics,
.events-card-metrics,
.podcast-guest-card-metrics,
.sponsored-post-stats{
  display:flex !important;
  align-items:center !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  gap:clamp(18px, 2vw, 24px) !important;
  max-width:100%;
  overflow-x:auto;
  scrollbar-width:none;
}

.popular-card-stats::-webkit-scrollbar,
.watch-library__stats::-webkit-scrollbar,
.media-post-card__stats::-webkit-scrollbar,
.blog-card-metrics::-webkit-scrollbar,
.alumni-card-metrics::-webkit-scrollbar,
.alumni-news-card-metrics::-webkit-scrollbar,
.staff-card-metrics::-webkit-scrollbar,
.trainer-card-metrics::-webkit-scrollbar,
.honors-thumb-metrics::-webkit-scrollbar,
.trophy-thumb-metrics::-webkit-scrollbar,
.hof-card-metrics::-webkit-scrollbar,
.champ-card-metrics::-webkit-scrollbar,
.events-card-metrics::-webkit-scrollbar,
.podcast-guest-card-metrics::-webkit-scrollbar,
.sponsored-post-stats::-webkit-scrollbar{
  display:none;
}

.uda-action-count,
.metric-item,
.stat-item,
.universal-card-stat,
.timeline-feed-card__engagement-item,
.post-stat-item,
.engagement-stat-item,
.card-stat-item{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  gap:6px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#000 !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.uda-action-icon,
.metric-icon,
.stat-icon,
.timeline-feed-card__engagement-icon,
.feed-card__metric-icon,
.card-stat-icon,
.card-stat-icon-circle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#000 !important;
  line-height:1 !important;
}

.uda-action-icon::before,
.uda-action-icon::after,
.metric-icon::before,
.metric-icon::after,
.stat-icon::before,
.stat-icon::after,
.timeline-feed-card__engagement-icon::before,
.timeline-feed-card__engagement-icon::after,
.feed-card__metric-icon::before,
.feed-card__metric-icon::after,
.card-stat-icon::before,
.card-stat-icon::after,
.card-stat-icon-circle::before,
.card-stat-icon-circle::after{
  content:none !important;
  display:none !important;
}

.uda-action-svg,
.uda-action-icon svg,
.uda-action-icon .repost-icon,
.metric-icon svg,
.metric-repost-icon,
.stat-icon,
.stat-icon svg,
.timeline-feed-card__engagement-icon,
.feed-card__metric-icon svg,
.card-stat-icon svg,
.card-stat-icon-circle svg,
.universal-card-stat svg,
.post-stat-item svg,
.engagement-stat-item svg,
.card-stat-item svg{
  display:block !important;
  width:22px !important;
  height:22px !important;
  color:#000 !important;
  stroke:#000 !important;
  stroke-width:2 !important;
  fill:none !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.uda-action-svg *,
.uda-action-icon svg *,
.metric-icon svg *,
.metric-repost-icon *,
.stat-icon *,
.stat-icon svg *,
.timeline-feed-card__engagement-icon *,
.feed-card__metric-icon svg *,
.card-stat-icon svg *,
.card-stat-icon-circle svg *,
.universal-card-stat svg *,
.post-stat-item svg *,
.engagement-stat-item svg *,
.card-stat-item svg *{
  fill:none !important;
  stroke:#000 !important;
}

.uda-action-count-value,
.metric-count,
.stat-count,
.universal-card-stat .stat-count,
.post-stat-item .stat-count,
.engagement-stat-item .stat-count,
.card-stat-item .stat-count{
  color:#000 !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
  margin:0 !important;
}

/* Timeline and Faves always show four fixed stats without horizontal scrolling. */
.timeline-page .timeline-feed-card__engagement-row,
.faves-page .timeline-feed-card__engagement-row{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  width:100%;
  max-width:100%;
  gap:4px !important;
  overflow-x:hidden !important;
  overscroll-behavior-x:none;
  touch-action:pan-y;
}

.timeline-page .timeline-feed-card__engagement-item,
.faves-page .timeline-feed-card__engagement-item{
  width:100% !important;
  min-width:0 !important;
  max-width:100%;
  padding:4px 2px !important;
}

/* Universal detail-page rule: text/information and the engagement icons belong
   to one section, so the icon row must not introduce a horizontal divider. */
.universal-detail-actions > .uda-activity-bar,
.universal-detail-actions > .uda-section--icons,
.detail-engagement-row{
  border-top:0 !important;
}

/* When an engagement card is nested inside an already outlined detail card,
   the outer card owns the outline. Removing the nested outline eliminates the
   separator above the icons without affecting standalone engagement cards. */
body.profile-subpage-shell .profile-page :is(.profile-detail-shell, .detail-page-shell) :is(
  .profile-detail-card,
  .detail-page-card,
  .detail-card,
  .detail-connected-card,
  .detail-bottom-card,
  .watch-detail-lower-section,
  .championship-detail-connected-card,
  .honors-detail-connected-card,
  .recommendation-detail-connected-section,
  .training-detail-connected-card
) :is(
  .profile-detail-card,
  .detail-page-card,
  .detail-interaction-card,
  .ms-universal-interaction-card,
  .ms-interaction-card,
  .watch-detail-social-card,
  .blog-detail-interaction-card,
  .champ-detail-interaction-card,
  .recommendation-detail-interaction-card,
  .training-detail-interaction-card
):has(> .universal-detail-actions.uda-season-template){
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}