/* ========================================================================== */
/* ETHNOS R785 — surfaces anthracite des volets et Maps                      */
/* 14 septembre 2026 — correctif visuel ciblé, aucune logique métier.        */
/* ========================================================================== */
:root{
  --r785-charcoal:#1f1f1f;
  --r785-charcoal-soft:#272727;
  --r785-white:#fffaf3;
  --r785-muted:#c4ced3;
  --r785-cream:#fff8ee;
  --r785-orange:#f26722;
  --r785-line:rgba(255,255,255,.14);
}

/* -------------------------------------------------------------------------- */
/* 1. VOLET PROFIL — Centres d’intérêt rejoint les volumes anthracite.        */
/* Les pastilles restent claires, la présentation reste crème.                */
/* -------------------------------------------------------------------------- */
html body [data-member-drawer-panel="profile"] .ethnosProfileR576Interests,
html body [data-member-drawer-panel="profile"] .ethnosProfileR576Interests.memberInterests{
  background:var(--r785-charcoal) !important;
  color:var(--r785-white) !important;
  border-color:var(--r785-line) !important;
}
html body [data-member-drawer-panel="profile"] .ethnosProfileR576Interests h3{
  color:var(--r785-white) !important;
}
/* Les pastilles gardent strictement leurs styles existants. */

/* -------------------------------------------------------------------------- */
/* 2. MESSAGES — toute la coque est anthracite, les 5 cartes restent claires.*/
/* Namespace réellement actif : ethnosMessagesR575*.                         */
/* -------------------------------------------------------------------------- */
html body .ethnosMessagesR575Dashboard{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  color:var(--r785-white) !important;
}
html body .ethnosMessagesR575Hero{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  border-bottom-color:var(--r785-line) !important;
}
html body .ethnosMessagesR575Hero h2{color:var(--r785-white) !important;}
html body .ethnosMessagesR575Hero p{color:var(--r785-muted) !important;}
html body .ethnosMessagesR575Hero > div > span{color:var(--r785-orange) !important;}
html body .ethnosMessagesR575Counters{
  background:transparent !important;
}
/* Ne pas recolorer les blocs Invitations / Messages / Notifications / Aide / Événements. */
html body .ethnosMessagesR575DashboardCard{
  color:#17333f !important;
}

/* -------------------------------------------------------------------------- */
/* 3. SALONS FAVORIS — coque et espaces libres gris, lignes favorites crème. */
/* -------------------------------------------------------------------------- */
html body [data-member-drawer-panel="favorites"],
html body [data-member-drawer-panel="favorites"] .memberFavoritesShell,
html body [data-member-drawer-panel="favorites"] .memberFavoritesList{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  color:var(--r785-white) !important;
}
html body [data-member-drawer-panel="favorites"] .memberFavoritesShell > header{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  border-bottom-color:var(--r785-line) !important;
}
html body [data-member-drawer-panel="favorites"] .memberFavoritesShell > header h2{
  color:var(--r785-white) !important;
}
html body [data-member-drawer-panel="favorites"] .memberFavoritesShell > header p{
  color:var(--r785-muted) !important;
}
html body [data-member-drawer-panel="favorites"] .memberFavoritesSectionTitle{
  background:transparent !important;
  color:var(--r785-white) !important;
  border-color:var(--r785-line) !important;
}
html body [data-member-drawer-panel="favorites"] .memberFavoriteSalonRow{
  background:var(--r785-cream) !important;
  color:#071a39 !important;
}
html body [data-member-drawer-panel="favorites"] .memberFavoritesEmpty{
  color:var(--r785-muted) !important;
  border-color:var(--r785-line) !important;
}

/* -------------------------------------------------------------------------- */
/* 4. CONTACTS — coque grise ; onglets et fiche contact restent clairs.       */
/* -------------------------------------------------------------------------- */
html body [data-member-drawer-panel="contacts-r588"],
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Shell,
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Body{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  color:var(--r785-white) !important;
}
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Header{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  border-bottom-color:var(--r785-line) !important;
}
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Header h2{color:var(--r785-white) !important;}
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Header p{color:var(--r785-muted) !important;}
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Tabs,
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Card,
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Empty{
  background:var(--r785-cream) !important;
  color:#071a39 !important;
}

/* -------------------------------------------------------------------------- */
/* 5. TROPHÉES — coque, header et espace libre gris ; contenus restent crème.*/
/* -------------------------------------------------------------------------- */
html body #memberDrawer-trophies,
html body #memberDrawer-trophies .memberTrophiesShell,
html body #memberDrawer-trophies .memberTrophyPages{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  color:var(--r785-white) !important;
}
html body #memberDrawer-trophies .memberTrophiesHeader{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  border-bottom-color:var(--r785-line) !important;
}
html body #memberDrawer-trophies .memberTrophiesHeader h2{color:var(--r785-white) !important;}
html body #memberDrawer-trophies .memberChosenShield,
html body #memberDrawer-trophies .memberTrophyCategory{
  background:var(--r785-cream) !important;
  color:#071a39 !important;
}
html body #memberDrawer-trophies .memberTrophiesSeparator{background:var(--r785-charcoal) !important;}

/* -------------------------------------------------------------------------- */
/* 6. PHOTOS & DOCUMENTS — coque/interstices gris ; 2 volumes restent crème. */
/* -------------------------------------------------------------------------- */
html body #memberDrawer-media,
html body #memberDrawer-media .memberMediaShell,
html body #memberDrawer-media .memberMediaScroll{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  color:var(--r785-white) !important;
}
html body #memberDrawer-media .memberMediaHeader{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  border-bottom-color:var(--r785-line) !important;
}
html body #memberDrawer-media .memberMediaHeader h2{color:var(--r785-white) !important;}
html body #memberDrawer-media .memberMediaHeader p{color:var(--r785-muted) !important;}
html body #memberDrawer-media .memberMediaEyebrow{color:var(--r785-orange) !important;}
html body #memberDrawer-media .memberMediaPhotosSection,
html body #memberDrawer-media .memberMediaDocumentsSection{
  background:var(--r785-cream) !important;
  color:#071a39 !important;
}
html body #memberDrawer-media .memberMediaDocumentsSection{
  border-top-color:var(--r785-charcoal) !important;
}

/* -------------------------------------------------------------------------- */
/* 7. SIGNALEMENTS — coque, séparateurs et bas gris ; sections restent crème.*/
/* -------------------------------------------------------------------------- */
html body [data-member-drawer-panel="reports"],
html body [data-member-drawer-panel="reports"] .r305ReportsDrawer,
html body [data-member-drawer-panel="reports"] .r590ReportsDrawer{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  color:var(--r785-white) !important;
}
html body [data-member-drawer-panel="reports"] .r590ReportsSection{
  background:var(--r785-cream) !important;
  color:#071a39 !important;
  border-top-color:var(--r785-charcoal) !important;
}

/* -------------------------------------------------------------------------- */
/* 8. ANNUAIRE — coque et espaces libres gris ; sections de recherche crème. */
/* -------------------------------------------------------------------------- */
html body .memberDirectoryDrawer,
html body .memberDirectoryDrawer .memberDirectoryShell,
html body .memberDirectoryDrawer .memberDirectoryContent,
html body .memberDirectoryDrawer .memberDirectoryBottomActions{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  color:var(--r785-white) !important;
}
html body .memberDirectoryDrawer .memberDirectoryHeader{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  border-bottom-color:var(--r785-line) !important;
}
html body .memberDirectoryDrawer .memberDirectoryHeader h2{color:var(--r785-white) !important;}
html body .memberDirectoryDrawer .memberDirectoryHeader p{color:var(--r785-muted) !important;}
html body .memberDirectoryDrawer .memberDirectoryHeader h2 small{color:var(--r785-orange) !important;}
html body .memberDirectoryDrawer .memberDirectorySection{
  background:var(--r785-cream) !important;
  color:#071a39 !important;
}

/* -------------------------------------------------------------------------- */
/* 9. VERSION DU SITE — coque grise ; trigger/liste blancs conservés.         */
/* -------------------------------------------------------------------------- */
html body .guestLanguagePanel.guestLanguagePanel--portal{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  color:var(--r785-white) !important;
  border-color:rgba(255,255,255,.18) !important;
}
html body .guestLanguagePanel.guestLanguagePanel--portal > label{color:var(--r785-white) !important;}
html body .guestLanguagePanel.guestLanguagePanel--portal :is(.guestLanguageSelectTrigger,.guestLanguageList,.guestLanguageOption){
  background:#fff !important;
  color:#071a39 !important;
}

/* -------------------------------------------------------------------------- */
/* 10. MODIFIER MON PROFIL — surfaces grises ; champs blancs/boutons intacts.*/
/* -------------------------------------------------------------------------- */
html body .memberProfileEditorPanel,
html body .memberProfileEditorForm,
html body .memberProfileEditorScroll,
html body .memberProfileEditorHeader,
html body .memberProfileEditorFooter,
html body .memberProfileEditCard{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  color:var(--r785-white) !important;
  border-color:rgba(255,255,255,.16) !important;
}
html body .memberProfileEditorHeader h2,
html body .memberProfileEditCard :is(h3,h4,label>span,.memberProfileFieldLabel){color:var(--r785-white) !important;}
html body .memberProfileEditorHeader p,
html body .memberProfileEditCard header p,
html body .memberProfileEditCard small{color:var(--r785-muted) !important;}
html body .memberProfileEditorHeader > div > span{color:var(--r785-orange) !important;}
/* Les champs explicitement blancs restent blancs. */
html body .memberProfileEditCard input:not([type="checkbox"]):not([type="radio"]),
html body .memberProfileEditCard textarea{
  background:#fff !important;
  color:#071a39 !important;
}

/* -------------------------------------------------------------------------- */
/* 11. MAPS — bandeau supérieur + volet « Le pouls du monde » gris.          */
/* On ne dépend plus de r190WorldViewOpen : la classe bodyView-world suffit. */
/* -------------------------------------------------------------------------- */
html body .bodyView-world > .bodyViewHeader,
html body .bodyView-world .bodyViewHeader{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  color:var(--r785-white) !important;
  border-color:rgba(255,255,255,.14) !important;
}
html body .bodyView-world .bodyViewHeader h1{color:var(--r785-white) !important;}
html body .bodyView-world .bodyViewHeader p{color:var(--r785-muted) !important;}
html body .bodyView-world .bodyHeaderMark{color:var(--r785-muted) !important;}
html body .bodyView-world .bodyHeaderMark strong{color:var(--r785-orange) !important;}

html body .r453MapPulsePanel[data-r603-map-pulse],
html body .r453MapPulsePanel{
  background:var(--r785-charcoal) !important;
  background-image:none !important;
  color:var(--r785-white) !important;
  border-color:rgba(255,255,255,.16) !important;
}
html body .r453MapPulsePanel .r453MapPulseHead > span{color:var(--r785-orange) !important;}
html body .r453MapPulsePanel .r453MapPulseHead h2{color:var(--r785-white) !important;}
html body .r453MapPulsePanel .r453MapPulseHead p{color:var(--r785-muted) !important;}
/* Les boutons statistiques « Le plus vivant », etc. gardent leur palette claire. */

/* Séparateurs visibles dans les grands volets anthracite. */
html body :is(
  [data-member-drawer-panel="profile"],
  [data-member-drawer-panel="messages-r575"],
  [data-member-drawer-panel="favorites"],
  [data-member-drawer-panel="contacts-r588"],
  #memberDrawer-trophies,
  #memberDrawer-media,
  [data-member-drawer-panel="reports"],
  .memberDirectoryDrawer
) hr{
  border-color:var(--r785-line) !important;
}