/* Shared accent controls. Module identities and semantic status colors remain separate. */
:root{--myevent-accent-fill:rgba(var(--myevent-accent-rgb,255,106,52),var(--myevent-button-opacity,.9))}
#socialHome .socialTopTools .socialToolBtn,
#socialHome .socialMyEventsActions button.active,
#socialHome .socialFilter.active,
#socialHome .socialInterestBtn,
#socialHome .socialFollowBtn.active,
#socialHome .socialMessageBtn,
#socialHome .socialSearch button,
#socialHome .socialComposerPanel button:not(.secondary),
#socialHome .socialCommentBox button,
#socialHome .socialBadgeChip.hot,
#socialHome #storyPickFile,
#socialHome #storyUseCamera,
#socialStoryViewer .storyAddNew,
.myeventAppearanceChoice.active,
#musicHome .musicTabs button.active,
#musicHome .musicChips button.active,
#musicDiscoverForm button,
#musicScreenBody button[data-primary="true"],
.myeventNearbyMapTools button.active,
#musicHome .musicSearch button,
#musicScreenBody .musicPrimary,
#musicPlayback .musicTransport [data-transport="toggle"]{
  background:var(--myevent-accent-fill)!important;
  border:1.5px solid var(--myevent-accent,#ff6a34)!important;
  color:#fff!important;
}
#socialHome .socialSectionHead button,
#socialHome .friendStoriesHead button,
#socialHome .socialActions button.active,
#socialHome .socialMyEventsTitle:after{color:var(--myevent-accent)!important}
#socialHome .socialFilter.active,
#socialHome .socialInterestBtn{box-shadow:0 5px 18px rgba(var(--myevent-accent-rgb),.24)!important}
#socialHome .homeFeatureCard.storyCard,
#socialHome #socialMyStory.homeFeatureCard.hasStory .socialStoryBubble,
#socialHome .storyAddBadge,
#socialHome .friendStoryMini.ownStoryMini .miniRing,
#socialHome .friendStoryAdd{border-color:var(--myevent-accent)!important}
#socialHome .storyAddBadge,#socialHome .friendStoryAdd{background:var(--myevent-accent-fill)!important}
#socialHome .homeFeatureCard.storyCard{box-shadow:0 0 11px rgba(var(--myevent-accent-rgb),.4)!important}
#myeventMarketplace .searchButton,
#myeventMarketplace .categoryRow button[aria-pressed="true"],
#myeventMarketplace .categoryGridButton[aria-pressed="true"]{background:var(--myevent-accent-fill)!important;border:1.5px solid var(--myevent-accent)!important}
/* Navigation artwork from repository SVGs; the camera keeps its existing logo. */
#socialBottomNav.homeNavV2 .bottomIcon img{display:block;width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 5px currentColor)}
#socialBottomNav.homeNavV2 .bottomIcon{display:grid!important;place-items:center!important;height:31px!important}
#socialBottomNav.homeNavV2{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;overflow:visible!important}
#socialBottomNav.homeNavV2>button{min-width:0!important}
#socialBottomNav.homeNavV2 .navCamera{width:min(58px,16vw)!important;height:min(58px,16vw)!important;justify-self:center!important}
#socialBottomNav.homeNavV2 .bottomLabel{color:#fff!important;white-space:nowrap!important;font-size:clamp(7px,2vw,9px)!important}
#socialHome .homeFeatureArt{display:block;width:min(58px,90%);height:58px;object-fit:contain;filter:drop-shadow(0 0 8px currentColor)}
#socialHome .homeFeatureCard .homeFriendsArt img{width:100%;height:100%;object-fit:cover;border-radius:50%}
@media(max-width:390px){#socialBottomNav.homeNavV2 .bottomIcon img{width:25px;height:25px}#socialBottomNav.homeNavV2 .navCamera{width:51px!important;height:51px!important}#socialHome .homeFeatureArt{height:46px}}

/* User accent applies to controls; logos, artwork and semantic warnings retain their colors. */
#musicHome .musicHead>#musicFavoritesBtn,
#musicHome .musicSectionTitle button,
#musicHomeExtras .musicShelfHead button,
#musicHomeExtras .musicForYouHead button{color:var(--myevent-accent)!important;border-color:var(--myevent-accent)!important}
#entertainmentLounge .gl-tabs button[aria-pressed=true],
#entertainmentLounge .gl-primary,
#entertainmentLounge .gl-choices input:checked+span,
#profileSettingsCard #saveProfileBtn,
#profileSettingsCard #generateAiAvatarBtn{background:var(--myevent-accent-fill)!important;border-color:var(--myevent-accent)!important;box-shadow:0 0 9px rgba(var(--myevent-accent-rgb),.2)!important;color:#fff!important}
#entertainmentLounge :focus-visible,
#profileSettingsCard button:focus-visible,
#profileSettingsCard input:focus-visible{outline:2px solid var(--myevent-accent)!important;outline-offset:3px}
#entertainmentLounge input[type=checkbox],#entertainmentLounge input[type=radio],
#profileSettingsCard input{accent-color:var(--myevent-accent)}
#myeventMarketplace .brand>span{color:#ff8238!important}