/* ========================================================================== */
/* ETHNOS R783 — unification anthracite / bleu / crème, 14 septembre 2026    */
/* Périmètre visuel uniquement. Aucun comportement métier n'est modifié.      */
/* ========================================================================== */
:root{
  --r783-charcoal:#1f1f1f;
  --r783-charcoal-soft:#272727;
  --r783-navy:#071a39;
  --r783-orange:#f26722;
  --r783-white:#fffaf3;
  --r783-muted:#c4ced3;
  --r783-cream:#fff8ee;
  --r783-contact-gradient:linear-gradient(128deg,#1f1f1f 0%,#202326 35%,#0a3448 67%,#0b526d 100%);
}

/* 1. Accueil connecté : supprimer le rectangle de flou borné par memberLayout,
   tout en conservant le décor flouté sur toute la fenêtre. */
html.ethnosConnectedDiscoveryHome .memberLayout::before{
  content:none !important;
  display:none !important;
  background:none !important;
  filter:none !important;
  transform:none !important;
}
/* Le décor plein écran canonique reste celui de R546 (body::before/body::after).
   On neutralise seulement la couche bornée fautive du layout connecté. */
html.ethnosConnectedDiscoveryHome body .memberApp{
  position:relative !important;
  z-index:1 !important;
  background:transparent !important;
}

/* 2. Jouer : bandeau supérieur identique au dégradé de Contact. */
html body .ethnosGamesTopBandR679,
html body .ethnosGamesR649 > .ethnosGamesTopBandR679,
html body .ethnosGamesR679 > .ethnosGamesTopBandR679{
  background-color:var(--r783-charcoal) !important;
  background-image:var(--r783-contact-gradient) !important;
}

/* 3. Panneau Ethnos : bleu exact du système Tchat / Maps. */
html.ethnosGuestDiscovery .r525EthnosV1PanelHead strong{
  color:var(--r783-navy) !important;
}
html.ethnosGuestDiscovery .r525EthnosV1Links a{
  background:var(--r783-navy) !important;
  border-color:rgba(255,255,255,.18) !important;
  color:#fff !important;
}
html.ethnosGuestDiscovery .r525EthnosV1Links a:hover,
html.ethnosGuestDiscovery .r525EthnosV1Links a:focus-visible{
  background:#0b2c49 !important;
  color:#fff !important;
}

/* 4. Volet Profil : 3 volumes anthracite, 2 volumes crème. */
html body [data-member-drawer-panel="profile"] .ethnosProfileR576{
  background:var(--r783-charcoal) !important;
  color:var(--r783-white) !important;
}
html body [data-member-drawer-panel="profile"] .ethnosProfileR576Description,
html body [data-member-drawer-panel="profile"] .ethnosProfileR576Interests{
  background:var(--r783-cream) !important;
  color:var(--r783-navy) !important;
  border-color:rgba(7,26,57,.13) !important;
}
html body [data-member-drawer-panel="profile"] :is(.ethnosProfileR576Details,.ethnosProfileR576Stats,.ethnosProfileR576Trophies){
  background:var(--r783-charcoal) !important;
  color:var(--r783-white) !important;
  border-color:rgba(255,255,255,.14) !important;
  box-shadow:none !important;
}
html body [data-member-drawer-panel="profile"] .ethnosProfileR576Details > div,
html body [data-member-drawer-panel="profile"] .ethnosProfileR576Stats > div{
  border-color:rgba(255,255,255,.14) !important;
}
html body [data-member-drawer-panel="profile"] .ethnosProfileR576Details :is(dt,dd),
html body [data-member-drawer-panel="profile"] .ethnosProfileR576Stats :is(b,span),
html body [data-member-drawer-panel="profile"] .ethnosProfileR576Trophies :is(.memberTrophyCopy span,.memberTrophyCopy p){
  color:var(--r783-white) !important;
}
html body [data-member-drawer-panel="profile"] .ethnosProfileR576Details dt,
html body [data-member-drawer-panel="profile"] .ethnosProfileR576Stats span{
  color:var(--r783-muted) !important;
}
html body [data-member-drawer-panel="profile"] .ethnosProfileR576Actions{
  background:var(--r783-charcoal) !important;
}
html body [data-member-drawer-panel="profile"] .memberProfileBottomClose{
  margin-bottom:18px !important;
}

/* 5. Modifier mon profil : fonds gris, textes clairs ; boutons et champs conservés. */
html body .memberProfileEditorPanel,
html body .memberProfileEditorForm,
html body .memberProfileEditorScroll,
html body .memberProfileEditorHeader,
html body .memberProfileEditorFooter,
html body .memberProfileEditCard,
html body .memberProfileEditCard:nth-child(2),
html body .memberProfileEditCard:nth-child(3),
html body .memberProfileEditCard:nth-child(4),
html body .memberProfileEditCard:nth-child(5){
  background-color:var(--r783-charcoal) !important;
  background-image:none !important;
  color:var(--r783-white) !important;
  border-color:rgba(255,255,255,.16) !important;
}
html body .memberProfileEditorHeader h2,
html body .memberProfileEditorHeader p,
html body .memberProfileEditCard :is(h3,h4,label>span,.memberProfileFieldLabel),
html body .memberProfileEditCard header p,
html body .memberProfileEditCard small{
  color:var(--r783-white) !important;
}
html body .memberProfileEditorHeader p,
html body .memberProfileEditCard header p,
html body .memberProfileEditCard small{color:var(--r783-muted) !important;}
html body .memberProfileEditorHeader > div > span{color:var(--r783-orange) !important;}
/* Les champs blancs restent blancs, comme demandé. */
html body .memberProfileEditCard input:not([type="checkbox"]):not([type="radio"]),
html body .memberProfileEditCard textarea{
  background:#fff !important;
  color:var(--r783-navy) !important;
}
html body .memberProfileEditCard input::placeholder,
html body .memberProfileEditCard textarea::placeholder{color:#75838d !important;}

/* 6. Messages : fond anthracite, blocs crème. */
html body [data-member-drawer-panel="messages-r575"],
html body [data-member-drawer-panel="messages-r575"] .memberMessageDashboard{
  background:var(--r783-charcoal) !important;
  color:var(--r783-white) !important;
}
html body [data-member-drawer-panel="messages-r575"] .memberMessageDashboardHeader{
  background:var(--r783-charcoal) !important;
  background-image:none !important;
  border-bottom-color:rgba(255,255,255,.14) !important;
}
html body [data-member-drawer-panel="messages-r575"] .memberMessageDashboardHeader h2{color:#fff !important;}
html body [data-member-drawer-panel="messages-r575"] .memberMessageDashboardHeader p{color:var(--r783-muted) !important;}
html body [data-member-drawer-panel="messages-r575"] .memberMessageDashboardHeader>span{color:var(--r783-orange) !important;}
html body [data-member-drawer-panel="messages-r575"] :is(.memberMessageDashboardCounts,.memberMessageDashboardActions,.memberMessageDashboardSafety){
  background:var(--r783-charcoal) !important;
  border-color:rgba(255,255,255,.12) !important;
}
html body [data-member-drawer-panel="messages-r575"] :is(.memberMessageDashboardCount,.memberMessageDashboardButton,.memberMessageDashboardSafety){
  background:var(--r783-cream) !important;
  color:var(--r783-navy) !important;
}
html body [data-member-drawer-panel="messages-r575"] .memberMessageDashboardButton{
  border:1px solid rgba(7,26,57,.13) !important;
  border-radius:10px !important;
}

/* 7. Maps : fond gris du bandeau et du volet gauche, blocs statistiques intacts. */
html body.r190WorldViewOpen .bodyView-world > .bodyViewHeader,
html body.r190WorldViewOpen .bodyView-world .bodyViewHeader{
  background:var(--r783-charcoal) !important;
  background-image:none !important;
  color:#fff !important;
}
html body.r190WorldViewOpen .bodyView-world .bodyViewHeader :is(h1,h2,p,.bodyViewEyebrow){color:#fff !important;}
html body.r190WorldViewOpen .r453MapPulsePanel{
  background:var(--r783-charcoal) !important;
  background-image:none !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.16) !important;
}
html body.r190WorldViewOpen .r453MapPulsePanel .r453MapPulseHead>span{color:var(--r783-orange) !important;}
html body.r190WorldViewOpen .r453MapPulsePanel .r453MapPulseHead h2{color:#fff !important;}
html body.r190WorldViewOpen .r453MapPulsePanel .r453MapPulseHead p{color:var(--r783-muted) !important;}

/* 8. Favoris : fond gris ; lignes/cartes crème inchangées. */
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(--r783-charcoal) !important;
  color:var(--r783-white) !important;
}
html body [data-member-drawer-panel="favorites"] .memberFavoritesShell>header{
  background:var(--r783-charcoal) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.14) !important;
}
html body [data-member-drawer-panel="favorites"] .memberFavoritesShell>header :is(h2,p){color:#fff !important;}
html body [data-member-drawer-panel="favorites"] .memberFavoriteSalonRow{
  background:var(--r783-cream) !important;
  color:var(--r783-navy) !important;
}

/* 9. Contacts : fond gris ; onglets et cartes restent crème. */
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(--r783-charcoal) !important;
  background-image:none !important;
}
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Header{
  background:var(--r783-charcoal) !important;
  border-bottom-color:rgba(255,255,255,.14) !important;
}
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Header h2{color:#fff !important;}
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Header p{color:var(--r783-muted) !important;}
html body [data-member-drawer-panel="contacts-r588"] .ethnosContactsR588Header>span{color:var(--r783-orange) !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(--r783-cream) !important;
  color:var(--r783-navy) !important;
}

/* 10. Trophées : coque et espaces libres gris ; contenus trophées crème. */
html body #memberDrawer-trophies,
html body #memberDrawer-trophies .memberTrophiesShell{
  background:var(--r783-charcoal) !important;
  color:var(--r783-white) !important;
}
html body #memberDrawer-trophies .memberTrophiesHeader{
  background:var(--r783-charcoal) !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}
html body #memberDrawer-trophies .memberTrophiesHeader h2{color:#fff !important;}
html body #memberDrawer-trophies :is(.memberChosenShield,.memberTrophyCategory){
  background:var(--r783-cream) !important;
  color:var(--r783-navy) !important;
}
html body #memberDrawer-trophies .memberTrophiesSeparator{background:rgba(255,255,255,.16) !important;}

/* 11. Photos et documents : coque et interstices gris ; deux blocs crème. */
html body #memberDrawer-media,
html body #memberDrawer-media .memberMediaShell,
html body #memberDrawer-media .memberMediaScroll{
  background:var(--r783-charcoal) !important;
  color:var(--r783-white) !important;
}
html body #memberDrawer-media .memberMediaHeader{
  background:var(--r783-charcoal) !important;
  background-image:none !important;
  border-bottom-color:rgba(255,255,255,.14) !important;
}
html body #memberDrawer-media .memberMediaHeader h2{color:#fff !important;}
html body #memberDrawer-media .memberMediaHeader p{color:var(--r783-muted) !important;}
html body #memberDrawer-media .memberMediaEyebrow{color:var(--r783-orange) !important;}
html body #memberDrawer-media .memberMediaPhotosSection{background:#fff8ee !important;color:var(--r783-navy) !important;}
html body #memberDrawer-media .memberMediaDocumentsSection{background:#fff5e9 !important;color:var(--r783-navy) !important;border-top-color:var(--r783-charcoal) !important;}

/* 12. Signalements : coque / séparateurs / bas gris ; sections crème. */
html body [data-member-drawer-panel="reports"],
html body [data-member-drawer-panel="reports"] .r305ReportsDrawer{
  background:var(--r783-charcoal) !important;
  color:var(--r783-white) !important;
}
html body [data-member-drawer-panel="reports"] .r305ReportsDrawer>header{
  background:var(--r783-cream) !important;
  color:var(--r783-navy) !important;
}
html body [data-member-drawer-panel="reports"] .r590ReportsSection{
  background:var(--r783-cream) !important;
  border-top-color:var(--r783-charcoal) !important;
  color:var(--r783-navy) !important;
}

/* 13. Annuaire : coque et espaces gris ; blocs de recherche crème. */
html body .memberDirectoryDrawer,
html body .memberDirectoryDrawer .memberDirectoryShell,
html body .memberDirectoryDrawer .memberDirectoryContent{
  background:var(--r783-charcoal) !important;
  color:var(--r783-white) !important;
}
html body .memberDirectoryDrawer .memberDirectoryHeader{
  background:var(--r783-charcoal) !important;
  border-bottom-color:rgba(255,255,255,.14) !important;
}
html body .memberDirectoryDrawer .memberDirectoryHeader h2{color:#fff !important;}
html body .memberDirectoryDrawer .memberDirectoryHeader p{color:var(--r783-muted) !important;}
html body .memberDirectoryDrawer .memberDirectoryHeader h2 small{color:var(--r783-orange) !important;}
html body .memberDirectoryDrawer .memberDirectorySection{
  background:var(--r783-cream) !important;
  color:var(--r783-navy) !important;
}
html body .memberDirectoryDrawer .memberDirectoryBottomActions{background:var(--r783-charcoal) !important;}

/* 14. Version du site : coque grise ; champ et liste blanche inchangés. */
html body .guestLanguagePanel.guestLanguagePanel--portal{
  background:var(--r783-charcoal) !important;
  color:var(--r783-white) !important;
  border-color:rgba(255,255,255,.18) !important;
}
html body .guestLanguagePanel.guestLanguagePanel--portal > label{color:#fff !important;}
html body .guestLanguagePanel.guestLanguagePanel--portal :is(.guestLanguageSelectTrigger,.guestLanguageList,.guestLanguageOption){
  background:#fff !important;
  color:var(--r783-navy) !important;
}

/* R783 : traits de séparation conservés sur les volets gris. */
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:rgba(255,255,255,.16) !important;
}