/* Use the original inline Tick Buddies SVG in the social navigation.
   Palette-tinted vector icons avoid fixed mint/green pixels in dark, light,
   custom accent and the five named color palettes. */
.group-timer-page .group-social-nav-btn--friends .group-social-icon-badge,
html[data-theme="dark"] .group-timer-page .group-social-nav-btn--friends .group-social-icon-badge {
  background:var(--sc-accent-soft)!important;
  background-image:none!important;
  border-color:var(--sc-border)!important;
  color:var(--sc-accent-strong)!important;
}
.group-timer-page .group-social-nav-btn--friends .group-social-icon-badge .group-social-symbol {
  display:block;
  visibility:visible!important;
  color:inherit;
  stroke:currentColor;
}
/* Match the navigation's simple line-icon style in Add Tick Buddy actions. */
.group-timer-page .social-add-friend--send {gap:7px}
.group-timer-page .social-add-friend--send::before {
  content:"";
  display:block;
  flex:none;
  width:22px;
  height:22px;
  background:var(--sc-accent-strong);
  -webkit-mask:url("/tick-buddy-add.svg?v=20261028-palette-v1") center/contain no-repeat;
  mask:url("/tick-buddy-add.svg?v=20261028-palette-v1") center/contain no-repeat;
}
.group-timer-page #groupMembers li .social-add-friend--send {padding:6px 9px}
.group-timer-page .social-action-pair .social-add-friend--send {padding-inline-start:9px}
@media(max-width:390px) {
  .group-timer-page .social-add-friend--send::before {width:20px;height:20px}
}