/* ========================================================================== */
/* ETHNOS R159 — médias alignés, fermeture dynamique, signalements officiels */
/* Base : R158. Correctifs ciblés, backend inchangé.                          */
/* ========================================================================== */

/* 1 — Photos et documents : suppression des petits libellés orange. */
html body .memberMediaSectionHeader > div:first-child > span{
  display:none !important;
}
html body .memberMediaSectionHeader > div:first-child{
  min-width:0 !important;
  min-height:100% !important;
  display:flex !important;
  align-items:center !important;
}
html body .memberMediaSectionHeader h3{
  width:100% !important;
  margin:0 !important;
  align-self:center !important;
}

/* Nom et informations sous la miniature, jamais à côté. */
html body .memberMediaBand{
  grid-template-columns:minmax(112px,1fr) auto !important;
  grid-template-areas:"file actions" !important;
  align-items:center !important;
  gap:14px !important;
}
html body .memberMediaBandFile{
  grid-area:file !important;
  min-width:0 !important;
  display:grid !important;
  justify-items:start !important;
  align-content:center !important;
  gap:7px !important;
}
html body .memberMediaBandVisual{
  justify-self:start !important;
}
html body .memberMediaBandCopy{
  width:min(100%,150px) !important;
  min-width:0 !important;
  overflow:visible !important;
  text-align:center !important;
}
html body .memberMediaBandCopy strong,
html body .memberMediaBandCopy small{
  width:100% !important;
  max-width:100% !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  text-align:center !important;
}
html body .memberMediaBandCopy small{
  margin-top:3px !important;
}
html body .memberMediaBandActions{
  grid-area:actions !important;
  align-self:center !important;
}

/* 2 — Signalements et avertissements : standard officiel, axe centré. */
html body .bodyReportsDrawer{
  --r159-cream:#fff8ee;
  --r159-cream-alt:#fff1df;
  --r159-navy:#071a39;
  --r159-orange:#f26722;
  --r159-line:rgba(7,26,57,.13);
  box-sizing:border-box !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 0 14px !important;
  display:flex !important;
  flex-direction:column !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(7,26,57,.28) transparent !important;
  color:var(--r159-navy) !important;
  background:var(--r159-cream) !important;
  font-family:var(--ethnos-official-title,Inter,"Segoe UI",Arial,sans-serif) !important;
}
html body .bodyReportsDrawer::-webkit-scrollbar{width:6px !important}
html body .bodyReportsDrawer::-webkit-scrollbar-track{background:transparent !important}
html body .bodyReportsDrawer::-webkit-scrollbar-thumb{
  border-radius:10px !important;
  background:rgba(7,26,57,.26) !important;
}
html body .bodyReportsDrawer>header{
  box-sizing:border-box !important;
  width:100% !important;
  margin:0 !important;
  padding:22px 18px 18px !important;
  border-bottom:1px solid var(--r159-line) !important;
  text-align:center !important;
  background:var(--r159-cream) !important;
}
html body .bodyReportsDrawer>header>span{
  display:block !important;
  margin:0 !important;
  color:var(--r159-orange) !important;
  font-size:clamp(7px,.52vw,9px) !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  text-align:center !important;
}
html body .bodyReportsDrawer>header h2{
  width:100% !important;
  max-width:12em !important;
  margin:8px auto 0 !important;
  color:var(--r159-navy) !important;
  font-family:var(--ethnos-official-title,Inter,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(24px,1.65vw,31px) !important;
  font-weight:800 !important;
  line-height:1.03 !important;
  letter-spacing:-.025em !important;
  text-align:center !important;
  text-wrap:balance !important;
  overflow-wrap:normal !important;
}
html body .bodyReportsDrawer>header p{
  width:100% !important;
  max-width:34em !important;
  margin:8px auto 0 !important;
  color:#607481 !important;
  font-family:Manrope,Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(9px,.66vw,11px) !important;
  font-weight:600 !important;
  line-height:1.4 !important;
  text-align:center !important;
}
html body .bodyReportsDrawer .bodyDrawerStats{
  box-sizing:border-box !important;
  width:calc(100% - 28px) !important;
  margin:18px 14px 4px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
}
html body .bodyReportsDrawer .bodyDrawerStats>div{
  min-width:0 !important;
  min-height:92px !important;
  padding:12px 6px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid var(--r159-line) !important;
  border-radius:12px !important;
  background:#fffaf4 !important;
  text-align:center !important;
}
html body .bodyReportsDrawer .bodyDrawerStats strong{
  color:var(--r159-navy) !important;
  font-family:var(--ethnos-official-title,Inter,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(24px,1.55vw,30px) !important;
  font-weight:700 !important;
  line-height:1 !important;
}
html body .bodyReportsDrawer .bodyDrawerStats span{
  max-width:8em !important;
  margin-top:6px !important;
  color:#617886 !important;
  font-family:Manrope,Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(7px,.48vw,8.5px) !important;
  line-height:1.25 !important;
  text-align:center !important;
}
html body .bodyReportsDrawer>section{
  box-sizing:border-box !important;
  width:100% !important;
  margin:0 !important;
  padding:18px 14px 0 !important;
  border:0 !important;
  border-top:10px solid var(--r159-cream-alt) !important;
  background:var(--r159-cream) !important;
}
html body .bodyReportsDrawer>section>h3{
  width:100% !important;
  margin:0 0 12px !important;
  color:var(--r159-navy) !important;
  font-family:var(--ethnos-official-title,Inter,"Segoe UI",Arial,sans-serif) !important;
  font-size:clamp(16px,1.05vw,20px) !important;
  font-weight:800 !important;
  line-height:1.16 !important;
  letter-spacing:-.015em !important;
  text-align:center !important;
  text-wrap:balance !important;
}
html body .bodyReportsDrawer .bodyReportList,
html body .bodyReportsDrawer .bodyModerationQueue{
  width:100% !important;
  display:grid !important;
  gap:0 !important;
}
html body .bodyReportsDrawer .bodyReportList article,
html body .bodyReportsDrawer .bodyModerationQueue article{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:11px 10px !important;
  border:0 !important;
  border-bottom:1px solid var(--r159-line) !important;
  border-radius:0 !important;
  background:#fffaf4 !important;
  color:var(--r159-navy) !important;
}
html body .bodyReportsDrawer .bodyReportList article:nth-child(even),
html body .bodyReportsDrawer .bodyModerationQueue article:nth-child(even){
  background:var(--r159-cream-alt) !important;
}
html body .bodyReportsDrawer .bodyReportList h4,
html body .bodyReportsDrawer .bodyModerationQueue h4{
  color:var(--r159-navy) !important;
  font-family:var(--ethnos-official-title,Inter,"Segoe UI",Arial,sans-serif) !important;
  font-size:12px !important;
  font-weight:800 !important;
}
html body .bodyReportsDrawer .bodyReportList p,
html body .bodyReportsDrawer .bodyModerationQueue p,
html body .bodyReportsDrawer .bodyReportList span,
html body .bodyReportsDrawer .bodyModerationQueue span{
  color:#617886 !important;
  font-family:Manrope,Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:8px !important;
  line-height:1.35 !important;
}
html body .bodyReportsDrawer>.memberDrawerCloseButton{
  box-sizing:border-box !important;
  flex:0 0 auto !important;
  width:calc(100% - 28px) !important;
  min-height:44px !important;
  margin:40px 14px 0 !important;
  border:1px solid var(--r159-navy) !important;
  border-radius:10px !important;
  background:var(--r159-navy) !important;
  color:#fffaf3 !important;
  font-family:var(--ethnos-official-title,Inter,"Segoe UI",Arial,sans-serif) !important;
  font-size:14px !important;
  font-weight:800 !important;
  cursor:pointer !important;
  box-shadow:0 8px 18px rgba(7,26,57,.12) !important;
}
html body .bodyReportsDrawer>.memberDrawerCloseButton:hover,
html body .bodyReportsDrawer>.memberDrawerCloseButton:focus-visible{
  transform:translateY(-2px) !important;
  filter:brightness(1.08) !important;
  outline:none !important;
}

@media (max-width:1600px) and (max-height:920px){
  html body .memberMediaBand{
    grid-template-columns:minmax(100px,1fr) auto !important;
    gap:9px !important;
  }
  html body .memberMediaBandFile{gap:5px !important}
  html body .memberMediaBandCopy{width:min(100%,128px) !important}
  html body .bodyReportsDrawer>header{padding:15px 12px 13px !important}
  html body .bodyReportsDrawer>header h2{font-size:24px !important}
  html body .bodyReportsDrawer>header p{font-size:9px !important}
  html body .bodyReportsDrawer .bodyDrawerStats{
    width:calc(100% - 20px) !important;
    margin:12px 10px 2px !important;
    gap:6px !important;
  }
  html body .bodyReportsDrawer .bodyDrawerStats>div{
    min-height:78px !important;
    padding:9px 4px !important;
  }
  html body .bodyReportsDrawer>section{padding:14px 10px 0 !important}
  html body .bodyReportsDrawer>section>h3{font-size:16px !important;margin-bottom:9px !important}
}

@media (max-width:520px){
  html body .memberMediaBand{
    grid-template-columns:1fr !important;
    grid-template-areas:"file" "actions" !important;
  }
  html body .memberMediaBandFile{justify-items:center !important}
  html body .memberMediaBandVisual{justify-self:center !important}
  html body .memberMediaBandActions{justify-content:center !important}
  html body .bodyReportsDrawer .bodyDrawerStats{
    grid-template-columns:1fr !important;
  }
}