/* ============================================================
   ETHNOS_LOCK:REPORTS:R692
   Styles strictement limités à la fenêtre et au volet Signalements.
   ============================================================ */
.r305ReportOverlay{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:20px;background:rgba(3,25,37,.58)}
.r305ReportCard{position:relative;width:min(620px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;box-sizing:border-box;padding:24px;border-radius:18px;background:#fff1df;color:#092838;box-shadow:0 22px 58px rgba(0,0,0,.28)}
.r305ReportCard h2{margin:0 42px 10px 0}
.r305ReportIntro{margin:0 0 18px;line-height:1.5;text-align:justify}
.r305ReportClose{position:absolute;top:8px;right:10px;border:0;background:transparent;color:inherit;font-size:28px;line-height:1;cursor:pointer}
.r305ReportForm{display:grid;gap:14px}
.r305ReportField{display:grid;gap:6px}
.r305ReportField>span{font-weight:800}
.r305ReportField select,.r305ReportField input,.r305ReportField textarea{box-sizing:border-box;width:100%;border:1px solid rgba(9,40,56,.25);border-radius:10px;padding:11px 12px;background:#fff;color:#092838;font:inherit}
.r305ReportField textarea{resize:vertical}
.r305ReportDates{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.r305ReportNotice{margin:0;font-size:.92rem;line-height:1.45;text-align:justify}
.r305ReportSubmit{justify-self:start}
.r305ReportFeedback{margin:0;padding:10px 12px;border-radius:9px;background:rgba(9,40,56,.08);font-weight:700}
.r305ReportsDrawer .r305ReportsBody{display:grid;gap:24px}
.r305ReportsDrawer .r305ReportsBody section{display:grid;gap:10px}
.r305ReportsList{display:grid;gap:8px}
.r305ReportsList article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid rgba(7,26,57,.12);border-radius:10px;background:rgba(255,255,255,.45)}
.r305ReportsList article div{display:grid;gap:3px}
.r305ReportsList article span{font-size:.86em;color:#627782}
@media(max-width:700px){.r305ReportOverlay{padding:14px}.r305ReportCard{width:min(100%,620px);max-height:calc(100vh - 28px);padding:20px}.r305ReportDates{grid-template-columns:1fr}}


/* ============================================================
   R306 — Ajustements visuels Signalement uniquement.
   Aucun changement fonctionnel.
   ============================================================ */

.r305ReportsDrawer > header{
  text-align:center;
}

.r305ReportsDrawer > header p{
  margin-left:auto;
  margin-right:auto;
  max-width:42rem;
  text-align:center;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.r305ReportCard h2,
.r305ReportIntro{
  text-align:center;
}

.r305ReportIntro{
  max-width:50rem;
  margin-left:auto;
  margin-right:auto;
}

/* Le contenu reste lisible sans déborder, quel que soit le viewport. */
.r305ReportCard,
.r305ReportsDrawer{
  min-width:0;
}

.r305ReportForm,
.r305ReportField,
.r305ReportDates,
.r305ReportsBody,
.r305ReportsList{
  min-width:0;
}

.r305ReportField > span{
  overflow-wrap:anywhere;
}

.r306ReportHint{
  display:block;
  margin-top:-2px;
  color:#627782;
  font-size:.82rem;
  line-height:1.35;
  font-weight:500;
}

/* Flèche de select : zone dédiée à droite, centrée verticalement.
   On retire la flèche native et on utilise un chevron CSS stable. */
.r305ReportField select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:3.25rem;
  background-color:#fff;
  background-image:
    linear-gradient(45deg, transparent 50%, #092838 50%),
    linear-gradient(135deg, #092838 50%, transparent 50%);
  background-position:
    calc(100% - 1.20rem) 50%,
    calc(100% - .90rem) 50%;
  background-size:.34rem .34rem,.34rem .34rem;
  background-repeat:no-repeat;
}

.r305ReportField select:focus{
  background-position:
    calc(100% - 1.20rem) 50%,
    calc(100% - .90rem) 50%;
}

/* Volet barre de navigation : largeur robuste et texte centré. */
[data-member-drawer-panel="reports"] .bodyDrawerShell{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

[data-member-drawer-panel="reports"] .bodyDrawerShell header{
  text-align:center;
}

[data-member-drawer-panel="reports"] .bodyDrawerShell header h2{
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  overflow-wrap:anywhere;
}

[data-member-drawer-panel="reports"] .bodyDrawerShell header p{
  max-width:38rem;
  margin-left:auto;
  margin-right:auto;
  overflow-wrap:anywhere;
}

/* Tests de largeur : desktop étroit / tablette / mobile.
   Retour à la ligne autorisé, aucun texte forcé hors cadre. */
@media (max-width:1100px){
  .r305ReportCard{
    width:min(620px,calc(100vw - 32px));
  }

  .r305ReportsDrawer > header h2{
    font-size:clamp(2rem,5vw,3rem);
    line-height:1.02;
  }
}

@media (max-width:760px){
  .r305ReportOverlay{
    padding:12px;
  }

  .r305ReportCard{
    width:calc(100vw - 24px);
    max-height:calc(100vh - 24px);
    padding:18px;
    border-radius:16px;
  }

  .r305ReportCard h2{
    padding-right:34px;
    font-size:clamp(1.55rem,7vw,2.15rem);
    line-height:1.08;
  }

  .r305ReportIntro{
    font-size:.98rem;
  }

  .r305ReportDates{
    grid-template-columns:1fr;
  }

  .r305ReportField select,
  .r305ReportField input,
  .r305ReportField textarea{
    font-size:1rem;
  }
}

@media (max-width:480px){
  .r305ReportCard{
    padding:16px;
  }

  .r305ReportField > span{
    font-size:1rem;
  }

  .r305ReportsDrawer > header h2{
    font-size:clamp(1.85rem,10vw,2.5rem);
  }

  .r305ReportsList article{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ============================================================
   R307 — centrage complet du volet Signalements uniquement.
   Corrige les sections de contenu restées alignées à gauche.
   ============================================================ */

[data-member-drawer-panel="reports"] .r305ReportsBody,
[data-member-drawer-panel="reports"] .r305ReportsBody section,
[data-member-drawer-panel="reports"] .r305ReportsList,
[data-member-drawer-panel="reports"] .r305ReportsList p{
  text-align:center;
}

[data-member-drawer-panel="reports"] .r305ReportsBody section > h3{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  max-width:100%;
  overflow-wrap:anywhere;
}

[data-member-drawer-panel="reports"] .r305ReportsList p{
  margin-left:auto;
  margin-right:auto;
  max-width:100%;
  overflow-wrap:anywhere;
}

/* Si des signalements apparaissent plus tard, leurs cartes restent lisibles.
   Les textes internes reviennent naturellement à gauche dans les cartes,
   mais la structure générale du volet reste centrée. */
[data-member-drawer-panel="reports"] .r305ReportsList article{
  text-align:left;
}

@media (max-width:760px){
  [data-member-drawer-panel="reports"] .r305ReportsBody section > h3,
  [data-member-drawer-panel="reports"] .r305ReportsList p{
    padding-left:12px;
    padding-right:12px;
  }
}


/* ============================================================
   R308 — correction stricte du centrage du volet à 1200x720.
   Cible uniquement le contenu généré de Signalements.
   ============================================================ */

[data-member-drawer-panel="reports"] .r305ReportsBody{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  display:grid !important;
  justify-items:center !important;
  text-align:center !important;
}

[data-member-drawer-panel="reports"] .r305ReportsBody > section{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  display:grid !important;
  justify-items:center !important;
  text-align:center !important;
}

[data-member-drawer-panel="reports"] .r305ReportsBody > section > h3{
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  overflow-wrap:anywhere !important;
}

[data-member-drawer-panel="reports"] .r305ReportsList{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  display:grid !important;
  justify-items:center !important;
  text-align:center !important;
}

[data-member-drawer-panel="reports"] .r305ReportsList > p{
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  overflow-wrap:anywhere !important;
}

/* Les futures cartes gardent leur présentation interne lisible. */
[data-member-drawer-panel="reports"] .r305ReportsList > article{
  width:min(100%, 34rem) !important;
  justify-self:center !important;
  text-align:left !important;
}

@media (max-width:1200px){
  [data-member-drawer-panel="reports"] .r305ReportsBody > section > h3,
  [data-member-drawer-panel="reports"] .r305ReportsList > p{
    padding-left:14px !important;
    padding-right:14px !important;
    box-sizing:border-box !important;
  }
}

/* ============================================================
   ETHNOS_LOCK:REPORTS:R590 — centre Signalements dédié.
   ============================================================ */
[data-member-drawer-panel="reports"] .r590ReportsBody{
  box-sizing:border-box;width:100%;display:grid;gap:0;text-align:center;
}
[data-member-drawer-panel="reports"] .r590ReportsSection{
  box-sizing:border-box;width:100%;padding:18px 14px 16px;border-top:10px solid #fff1df;background:#fff8ee;
}
[data-member-drawer-panel="reports"] .r590ReportsSection h3{margin:0 0 12px;color:#071a39;text-align:center;font-size:clamp(16px,1.05vw,20px);font-weight:800}
[data-member-drawer-panel="reports"] .r590ReportsList{width:100%;display:grid;gap:0}
[data-member-drawer-panel="reports"] .r590ReportRow{
  box-sizing:border-box;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;
  margin:0;padding:12px 14px;border:0;border-bottom:1px solid rgba(7,26,57,.13);border-radius:0;background:#fffaf4;text-align:left;
}
[data-member-drawer-panel="reports"] .r590ReportRow:nth-child(even){background:#fff1df}
[data-member-drawer-panel="reports"] .r590ReportCopy{min-width:0;display:grid;gap:4px}
[data-member-drawer-panel="reports"] .r590ReportCopy strong{color:#071a39;font-size:12px;font-weight:800;overflow-wrap:anywhere}
[data-member-drawer-panel="reports"] .r590ReportCopy span,
[data-member-drawer-panel="reports"] .r590ReportCopy time{color:#617886;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
[data-member-drawer-panel="reports"] .r590ReportSide{display:grid;justify-items:end;gap:6px;min-width:84px}
[data-member-drawer-panel="reports"] .r590ReportStatus{color:#0b6b70;font-size:9px;font-weight:800;text-align:right}
[data-member-drawer-panel="reports"] .r590ReportDelete{appearance:none;border:0;background:transparent;color:#f26722;font:700 9px/1.2 Manrope,Inter,sans-serif;cursor:pointer;padding:3px 0}
[data-member-drawer-panel="reports"] .r590ReportDelete:hover,[data-member-drawer-panel="reports"] .r590ReportDelete:focus-visible{text-decoration:underline;outline:none}
[data-member-drawer-panel="reports"] .r590ReportEmpty{margin:0;padding:18px;color:#617886;font-size:10px;text-align:center}
.r305ReportField input[type="datetime-local"]{min-height:44px}
.r590ReportContextProof{margin:0;padding:9px 11px;border:1px solid rgba(7,26,57,.12);border-radius:9px;background:#fffaf4;color:#617886;font-size:.82rem;line-height:1.4}
.r590ReportContextProof strong{color:#071a39}
@media(max-width:620px){[data-member-drawer-panel="reports"] .r590ReportRow{grid-template-columns:1fr}.r590ReportSide{justify-items:start!important;min-width:0!important}}


/* ========================================================================== */
/* ETHNOS R691 — compteur cumulatif des signalements reçus                    */
/* ========================================================================== */
.memberTopNavButton[data-member-drawer="reports"]{position:relative}
.memberTopNavButton[data-member-drawer="reports"] [data-reports-received-count]{
  flex:0 0 auto;
  margin-left:auto;
  padding-left:.35rem;
  color:#c62828;
  font-size:.72rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.01em;
  font-variant-numeric:tabular-nums;
}
.memberTopNavButton[data-member-drawer="reports"] [data-reports-received-count][hidden]{display:none!important}