/* RC338: theme-aware surfaces for legacy and dynamically rendered panels.
   Deliberately preserve photos, verified/vendor marks, status colors and artwork. */
html[data-snappy-theme] .weather-card,
html[data-snappy-theme] #pickWeatherCard,
html[data-snappy-theme] .compact-pick-card,
html[data-snappy-theme] .work-safe-toggle {
 background:linear-gradient(145deg,var(--theme-surface),color-mix(in srgb,var(--theme-surface),var(--theme-bg) 32%))!important;
 border-color:var(--theme-line)!important;color:var(--theme-text)!important;
}
html[data-snappy-theme] .weather-card{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--theme-accent),transparent 45%)!important}
html[data-snappy-theme] .weather-temps b{color:var(--theme-text)!important}
html[data-snappy-theme] .weather-temps span{color:var(--theme-muted)!important}
html[data-snappy-theme] .friend-row,
html[data-snappy-theme] .person-row,
html[data-snappy-theme] .request-row,
html[data-snappy-theme] .public-friend-row,
html[data-snappy-theme] #communityDirectory .stat-card,
html[data-snappy-theme] #communityDirectory .card,
html[data-snappy-theme] #communityDirectory > div > div,
html[data-snappy-theme] #communityFriends .friend-row {
 background:var(--theme-surface)!important;border-color:var(--theme-line)!important;color:var(--theme-text)!important;
}
html[data-snappy-theme] .snappy-v015 .public-friend-row strong,
html[data-snappy-theme] .snappy-v015 .public-friend-row {color:var(--theme-text)!important;-webkit-text-fill-color:var(--theme-text)!important}
html[data-snappy-theme] .snappy-v015 .public-friend-row::after{color:var(--theme-muted)!important}
html[data-snappy-theme] .friend-row .tiny-btn,
html[data-snappy-theme] .person-row .tiny-btn{border-color:var(--theme-line)!important;color:var(--theme-text)!important;background:var(--theme-surface-2)!important}
html[data-snappy-theme] .mini-avatar,
html[data-snappy-theme] .profile-avatar,
html[data-snappy-theme] #communityDirectory .avatar {border-color:var(--theme-accent)!important}
html[data-snappy-theme] .marketplace-hero,
html[data-snappy-theme] .market-hero,
html[data-snappy-theme] .market-intro,
html[data-snappy-theme] .marketplace-intro,
html[data-snappy-theme] .marketplace-banner,
html[data-snappy-theme] .marketplace-header,
html[data-snappy-theme] .market-spotlight {
 background:var(--theme-surface)!important;border-color:var(--theme-line)!important;color:var(--theme-text)!important;
}
/* The older app also uses summary/hero blocks as the marketplace introduction. */
html[data-snappy-theme] [data-screen="market"] .summary-card,
html[data-snappy-theme] [data-screen="marketplace"] .summary-card,
html[data-snappy-theme] #marketScreen .summary-card{
 background:var(--theme-surface)!important;border-color:var(--theme-line)!important;color:var(--theme-text)!important;
}