/* ETHNOS R488 — espacement badge officiel + stabilité héritée de R487. */

/* Badge profil : +4 px horizontaux et +1 px vertical par rapport à R484. */
.r484OfficialBadge{
  box-sizing:border-box;
  padding:6px 17px !important;
  margin-inline-start:8px !important;
}

/* Accès espace officiel : véritable bouton orange standard R208/R204. */
html[data-ethnos-ui] body .memberProfileDrawer button.r487OfficialSpaceButton.memberEdit.ethnosActionOrange{
  box-sizing:border-box !important;
  width:var(--r208-profile-action-width,calc(57.5% - 5.75px)) !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:visible !important;
  white-space:nowrap !important;
}

/* Données du profil : lecture seule, distincte des données officielles. */
.r486ProfileGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:20px}
.r486ProfileSnapshot{display:flex;align-items:center;gap:16px;padding:20px;border-bottom:1px solid rgba(255,255,255,.08)}
.r486ProfileAvatar{position:relative;display:grid;place-items:center;flex:0 0 82px;width:82px;height:82px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(6,19,28,.56);font-size:34px}
.r486ProfileAvatar img{width:100%;height:100%;object-fit:cover}.r486ProfileAvatar img[hidden],.r486ProfileAvatar span[hidden]{display:none!important}
.r486ProfileIdentity{min-width:0;display:grid;gap:5px}.r486ProfileIdentity strong{overflow-wrap:anywhere;font-size:20px;line-height:1.25}.r486ProfileIdentity span{overflow-wrap:anywhere;color:#9fc5d1;font-size:11px}
.r486ProfileReadonlyFields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}
.r486ProfileReadonlyFields>div{min-width:0;padding:12px 13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(6,19,28,.42)}
.r486ProfileReadonlyFields small{display:block;margin-bottom:5px;color:#8fb7c4;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.r486ProfileReadonlyFields strong{display:block;overflow-wrap:anywhere;color:#fff;font-size:12px;line-height:1.4}
.r486ProfileInterests{display:flex;flex-wrap:wrap;gap:7px;padding:0 20px 20px}.r486ProfileInterests span{padding:5px 9px;border:1px solid rgba(122,191,211,.18);border-radius:999px;background:rgba(122,191,211,.07);color:#abd0db;font-size:9px;font-weight:700}.r486ProfileInterests p{margin:0;color:#829fa9;font-size:10px}
.r486ProfileRule{padding:20px}.r486ProfileRule strong{display:block;color:#fff;font-size:12px}.r486ProfileRule p{margin:5px 0 18px;color:#9ab7c1;font-size:11px;line-height:1.55}.r486ProfileRule p:last-child{margin-bottom:0}

/* Les listes de villes utilisent exactement la géométrie des autres champs R485. */
.r487OfficialSpace select:disabled{opacity:.58;cursor:not-allowed}

@media(max-width:1366px){
  .r484OfficialBadge{padding:5px 14px !important}
}
@media(max-width:980px){
  .r486ProfileGrid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .r486ProfileReadonlyFields{grid-template-columns:1fr}
  .r486ProfileSnapshot{align-items:flex-start;padding:16px}
  .r486ProfileAvatar{flex-basis:68px;width:68px;height:68px;border-radius:18px;font-size:28px}
  .r486ProfileIdentity strong{font-size:17px}
  .r486ProfileReadonlyFields{padding:16px}
  .r486ProfileInterests{padding:0 16px 16px}
}