/* R508 — Événements + Entraide. Correctif local, sans modification des layouts globaux. */
.bodyView-events .bodyViewContent,
.bodyView-help .bodyViewContent{display:grid;gap:14px;align-content:start}

.r508CommunityToolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid rgba(190,226,231,.14);border-radius:16px;background:linear-gradient(135deg,rgba(7,35,49,.92),rgba(6,24,35,.82))}
.r508CommunityToolbar>div{min-width:0}
.r508CommunityToolbar strong{display:block;color:#f4eee4;font-family:var(--font-title,"Fraunces",Georgia,serif);font-size:clamp(18px,1.65vw,29px);font-weight:400;line-height:1.05}
.r508CommunityToolbar p{max-width:760px;margin:6px 0 0;color:#849ba3;font-size:8px;line-height:1.55}
.r508CommunityToolbar>button{flex:0 0 auto;min-height:38px;padding:0 16px}

.r508CommunityFilters{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(150px,.85fr) minmax(150px,.85fr) minmax(220px,1.45fr);gap:9px;padding:13px;border:1px solid rgba(190,226,231,.12);border-radius:14px;background:rgba(4,24,35,.72)}
.bodyView-help .r508CommunityFilters{grid-template-columns:minmax(140px,.8fr) minmax(140px,.8fr) minmax(150px,.9fr) minmax(150px,.9fr) minmax(220px,1.3fr)}
.r508CommunityFilters label,.r508CommunityForm label{display:grid;gap:5px;min-width:0}
.r508CommunityFilters label>span,.r508CommunityForm label>span{color:#708b95;font-size:6.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.r508CommunityFilters input,.r508CommunityFilters select,.r508CommunityForm input,.r508CommunityForm select,.r508CommunityForm textarea{width:100%;min-height:38px;box-sizing:border-box;border:1px solid rgba(190,226,231,.14);border-radius:9px;background:#062638;color:#d8e4e5;font:500 8px/1.35 var(--font-interface,"Manrope",Arial,sans-serif);outline:none;padding:0 11px}
.r508CommunityForm textarea{min-height:98px;padding:10px 11px;resize:vertical}
.r508CommunityFilters input:focus,.r508CommunityFilters select:focus,.r508CommunityForm input:focus,.r508CommunityForm select:focus,.r508CommunityForm textarea:focus{border-color:rgba(49,209,207,.52);box-shadow:0 0 0 2px rgba(49,209,207,.07)}

.r508CommunityLoading,.r508CommunityEmpty{grid-column:1/-1;padding:24px;border:1px dashed rgba(190,226,231,.16);border-radius:14px;background:rgba(6,29,42,.54);color:#829aa3;text-align:center;font-size:8px}
.r508CommunityEmpty strong{display:block;margin-bottom:6px;color:#dce6e5;font-family:var(--font-title,"Fraunces",Georgia,serif);font-size:20px;font-weight:400}
.r508CommunityEmpty p{margin:0}

.r508EventRow{grid-template-columns:82px 34px minmax(0,1fr) 112px}
.r508EventRow .bodyEventCopy p{white-space:normal}
.r508OnlineFlag{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(49,209,207,.22);border-radius:50%;color:#31d1cf;font-size:16px}

.r508HelpGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.r508HelpCard{display:flex;flex-direction:column;min-width:0}
.r508HelpCard h3{min-height:0}
.r508HelpCard>p{min-height:48px;color:#8ea3aa;font-size:7.5px;line-height:1.55}
.r508HelpCard dl{margin-top:auto}
.r508HelpMeta{display:flex;flex-wrap:wrap;gap:5px 9px;margin:1px 0 10px;color:#607d87;font-size:6.5px}
.r508HelpMeta span+span:before{content:'·';margin-right:9px;color:#365867}

.r508CommunityForm{display:grid;gap:13px}
.r508FormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.r508FormGrid .isWide{grid-column:1/-1}
.r508SafetyNote{margin:0;padding:10px 12px;border-left:2px solid rgba(245,138,75,.7);background:rgba(245,138,75,.06);color:#9aacae;font-size:7px;line-height:1.5}
.r508FormStatus{min-height:14px;margin:0;color:#88cdbd;font-size:7px}
.r508FormStatus.isError{color:#f0a58c}
.r508FormActions{display:flex;justify-content:flex-end}
.r508FormActions button{min-height:38px;padding:0 18px}
.r508SourceSalon{display:grid;gap:3px;padding:11px 13px;border:1px solid rgba(49,209,207,.18);border-radius:11px;background:rgba(49,209,207,.05)}
.r508SourceSalon span{color:#31d1cf;font-size:6px;font-weight:700;letter-spacing:.13em}
.r508SourceSalon strong{color:#e1e9e7;font-size:9px}
.r508SourceSalon small{color:#718b94;font-size:7px}
.r508HelpRequestTool{font-size:13px!important}

@media(max-width:1536px){
  .r508CommunityToolbar{padding:15px 17px}
  .r508CommunityFilters{gap:7px;padding:10px}
  .r508HelpGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1180px){
  .r508CommunityFilters,.bodyView-help .r508CommunityFilters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .r508CommunityFilters .isSearch{grid-column:1/-1}
  .r508EventRow{grid-template-columns:68px 30px minmax(0,1fr)}
  .r508EventRow>button{grid-column:1/-1}
}
@media(max-width:760px){
  .r508CommunityToolbar{align-items:flex-start;flex-direction:column}
  .r508CommunityToolbar>button{width:100%}
  .r508CommunityFilters,.bodyView-help .r508CommunityFilters{grid-template-columns:1fr}
  .r508CommunityFilters .isSearch{grid-column:auto}
  .r508HelpGrid{grid-template-columns:1fr}
  .r508FormGrid{grid-template-columns:1fr}
  .r508FormGrid .isWide{grid-column:auto}
}
