/* Contraste dos cards da Comunidade no tema escuro. */
body[data-theme="dark"] .community-panel[data-section-panel="comunidade"] #communityMembers .community-member-card,
body[data-theme="dark"] .community-panel[data-section-panel="comunidade"] #communitySintoniasView .community-sintonia-card {
  border-color: rgba(196, 181, 253, 0.2) !important;
  background: #141c2e !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.22) !important;
}

body[data-theme="dark"] .community-panel[data-section-panel="comunidade"] #communityMembers .community-card-media,
body[data-theme="dark"] .community-panel[data-section-panel="comunidade"] #communitySintoniasView .community-sintonia-media {
  background: linear-gradient(135deg, #28254d, #1d3451 52%, #31204a) !important;
}

body[data-theme="dark"] .community-panel[data-section-panel="comunidade"] #communityMembers .community-card-profile strong,
body[data-theme="dark"] .community-panel[data-section-panel="comunidade"] #communitySintoniasView .community-sintonia-profile strong {
  color: #f8f7ff !important;
}

body[data-theme="dark"] .community-panel[data-section-panel="comunidade"] #communityMembers .community-card-profile span,
body[data-theme="dark"] .community-panel[data-section-panel="comunidade"] #communityMembers .community-card-bio,
body[data-theme="dark"] .community-panel[data-section-panel="comunidade"] #communityMembers .community-card-sharing,
body[data-theme="dark"] .community-panel[data-section-panel="comunidade"] #communitySintoniasView .community-sintonia-bio {
  color: #c9bedc !important;
}

body[data-theme="dark"] .community-panel[data-section-panel="comunidade"] #communityMembers .community-card-tags span {
  border-color: rgba(196, 181, 253, 0.14) !important;
  color: #ddd2ff !important;
  background: rgba(124, 58, 237, 0.2) !important;
}

body[data-theme="dark"] .community-panel[data-section-panel="comunidade"] #communityMembers .community-card-avatar,
body[data-theme="dark"] .community-panel[data-section-panel="comunidade"] #communitySintoniasView .community-sintonia-avatar {
  border-color: #141c2e !important;
}

/* O redesign principal usa seletores mais específicos para vencer regras antigas
   do grid. Estas mesmas regras recebem o contraste do tema escuro. */
html[data-theme="dark"] body:has(.community-panel[data-section-panel="comunidade"]:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communityMembers .community-member-card,
html[data-theme="dark"] body:has(.community-panel[data-section-panel="comunidade"]:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communitySintoniasView .community-sintonia-card {
  border-color: rgba(196, 181, 253, 0.2) !important;
  background: #141c2e !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] body:has(.community-panel[data-section-panel="comunidade"]:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communityMembers .community-card-media,
html[data-theme="dark"] body:has(.community-panel[data-section-panel="comunidade"]:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communitySintoniasView .community-sintonia-media {
  background: linear-gradient(135deg, #28254d, #1d3451 52%, #31204a) !important;
}

html[data-theme="dark"] body:has(.community-panel[data-section-panel="comunidade"]:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communityMembers .community-card-profile strong,
html[data-theme="dark"] body:has(.community-panel[data-section-panel="comunidade"]:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communitySintoniasView .community-sintonia-profile strong {
  color: #f8f7ff !important;
}

html[data-theme="dark"] body:has(.community-panel[data-section-panel="comunidade"]:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communityMembers .community-card-profile span,
html[data-theme="dark"] body:has(.community-panel[data-section-panel="comunidade"]:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communityMembers .community-card-bio,
html[data-theme="dark"] body:has(.community-panel[data-section-panel="comunidade"]:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communityMembers .community-card-sharing,
html[data-theme="dark"] body:has(.community-panel[data-section-panel="comunidade"]:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communitySintoniasView .community-sintonia-bio {
  color: #c9bedc !important;
}

html[data-theme="dark"] body:has(.community-panel[data-section-panel="comunidade"]:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communityMembers .community-card-tags span {
  border-color: rgba(196, 181, 253, 0.14) !important;
  color: #ddd2ff !important;
  background: rgba(124, 58, 237, 0.2) !important;
}

html[data-theme="dark"] body:has(.community-panel[data-section-panel="comunidade"]:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communityMembers .community-card-avatar,
html[data-theme="dark"] body:has(.community-panel[data-section-panel="comunidade"]:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communitySintoniasView .community-sintonia-avatar {
  border-color: #141c2e !important;
}

html[data-theme="dark"] body:has(#communitySintoniasView:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communitySintoniasView.community-sintonias-view .community-sintonia-card,
html[data-theme="dark"] body:has(#communitySintoniasView:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communitySintoniasView.community-sintonias-view .community-sintonia-card .community-sintonia-media {
  border-color: rgba(196, 181, 253, 0.2) !important;
  background: #141c2e !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] body:has(#communitySintoniasView:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communitySintoniasView.community-sintonias-view .community-sintonia-card .community-sintonia-media {
  background: linear-gradient(135deg, #28254d, #1d3451 52%, #31204a) !important;
}

html[data-theme="dark"] body:has(#communitySintoniasView:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communitySintoniasView.community-sintonias-view .community-sintonia-profile strong {
  color: #f8f7ff !important;
}

html[data-theme="dark"] body:has(#communitySintoniasView:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communitySintoniasView.community-sintonias-view .community-sintonia-profile span,
html[data-theme="dark"] body:has(#communitySintoniasView:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communitySintoniasView.community-sintonias-view .community-sintonia-bio {
  color: #c9bedc !important;
}

html[data-theme="dark"] body:has(#communitySintoniasView:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communitySintoniasView.community-sintonias-view .community-card-tags span {
  border-color: rgba(196, 181, 253, 0.14) !important;
  color: #ddd2ff !important;
  background: rgba(124, 58, 237, 0.2) !important;
}

html[data-theme="dark"] body:has(#communitySintoniasView:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communitySintoniasView.community-sintonias-view .community-sintonia-avatar {
  border-color: #141c2e !important;
}

html[data-theme="dark"] body:has(#communitySintoniasView:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communitySintoniasView.community-sintonias-view .community-sintonia-sharing-status {
  border-color: rgba(196, 181, 253, 0.16) !important;
  color: #d5cbed !important;
  background: #1b2440 !important;
}

html[data-theme="dark"] body:has(#communitySintoniasView:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communitySintoniasView.community-sintonias-view .community-sintonia-sharing-copy strong {
  color: #f2ecff !important;
}

html[data-theme="dark"] body:has(#communitySintoniasView:not(.is-hidden)) #appShell > .community-panel[data-section-panel="comunidade"] #communitySintoniasView.community-sintonias-view .community-sintonia-action {
  border-color: rgba(196, 181, 253, 0.2) !important;
  color: #ddd2ff !important;
  background: #1b2440 !important;
}