/* ETHNOS R620 — catégories administrables des salons officiels. */
.r618SalonCategoriesCard{grid-column:1/-1}
.r618SalonCategoryCreate{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.r618SalonCategoryCreate input{flex:1 1 220px;min-width:0;box-sizing:border-box;padding:10px 11px;border:1px solid rgba(9,40,56,.22);border-radius:9px;background:#fff;color:#092838;font:inherit}
.r618SalonCategoryList{display:grid;gap:6px;margin-top:10px}
.r618SalonCategoryRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(9,40,56,.12);border-radius:9px;background:rgba(255,255,255,.38)}
.r618SalonCategoryRow strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.r618SalonCategoryRow small{display:block;margin-top:2px;color:rgba(9,40,56,.64)}
.r618SalonCategoryRow button{white-space:nowrap}
.r618SalonCategoryRow.isLiveAudio{border-style:dashed}
@media (max-width:700px){.r618SalonCategoryCreate{display:grid}.r618SalonCategoryRow{grid-template-columns:1fr}.r618SalonCategoryRow button{justify-self:start}}

/* R620 — émojis, renommage et ordre des catégories du volet gauche. */
.r620SalonCategoryCreate{align-items:flex-start}
.r620SalonCategoryNameField{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;flex:1 1 320px;min-width:0}
.r620SalonCategoryNameField>input{min-width:0;width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid rgba(9,40,56,.22);border-radius:9px;background:#fff;color:#092838;font:inherit}
.r620CategoryEmojiButton{min-width:44px;padding-inline:12px;font-size:20px;line-height:1}
.r620CategoryEmojiPanel{position:absolute;z-index:8;left:0;right:0;top:calc(100% + 6px);max-height:300px;overflow:auto;padding:10px;border:1px solid rgba(9,40,56,.2);border-radius:10px;background:#fff;box-shadow:0 10px 24px rgba(9,40,56,.16)}
.r620CategoryEmojiPanel[hidden]{display:none!important}
.r620CategoryEmojiHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.r620CategoryEmojiClose{width:34px;height:34px;border:1px solid rgba(9,40,56,.16);border-radius:50%;background:#fff;color:#092838;font-size:21px;cursor:pointer}
.r620CategoryEmojiPanel>input{width:100%;box-sizing:border-box;margin-bottom:8px;padding:9px 10px;border:1px solid rgba(9,40,56,.2);border-radius:8px;font:inherit}
.r620CategoryEmojiGrid{display:grid;gap:10px}
.r620CategoryEmojiGrid section{display:grid;gap:5px}
.r620CategoryEmojiGrid h4{margin:0;color:rgba(9,40,56,.7);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.r620CategoryEmojiItems{display:flex;flex-wrap:wrap;gap:4px}
.r620CategoryEmojiChoice{width:36px;height:36px;border:0;border-radius:7px;background:transparent;font-size:21px;cursor:pointer}
.r620CategoryEmojiChoice:hover,.r620CategoryEmojiChoice:focus-visible{background:rgba(9,40,56,.08);outline:0}
.r620CategoryEmojiEmpty{margin:0;color:rgba(9,40,56,.62);font-size:13px}
.r620CategoryRowTools{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.r620CategoryMove{min-width:40px;padding-inline:10px;font-size:18px}
.r620CategoryMove:disabled{opacity:.38;cursor:default}
.r618SalonCategoryRow.isEditing{display:block}
.r620CategoryEditForm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}
.r620CategoryEditTools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
@media (max-width:900px){.r620CategoryEditForm{grid-template-columns:1fr}.r620CategoryRowTools{justify-content:flex-start}}
@media (max-width:700px){.r620SalonCategoryNameField{width:100%}.r620CategoryEmojiPanel{right:auto;width:min(420px,calc(100vw - 48px))}.r620CategoryRowTools{justify-content:flex-start}}

/* R624 — navigation Thèmes et Salons : un thème à la fois. */
.r618SalonCategoryRow.isSelected{border-color:rgba(10,94,126,.62);background:rgba(255,255,255,.78);box-shadow:inset 3px 0 0 rgba(10,94,126,.7)}
.r624CategoryRowTools{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.r624ManageSalons[aria-pressed="true"]{font-weight:800}
.r624SalonManager{scroll-margin-top:18px}
.r624SalonSelectionEmpty{min-height:110px;display:flex;flex-direction:column;justify-content:center}
.r624SalonToolbar{justify-content:space-between;gap:8px;flex-wrap:wrap}
.r624UnassignedTheme{border-style:dashed}
.r624SalonCreateCard{scroll-margin-top:18px}
@media (max-width:900px){.r624CategoryRowTools{justify-content:flex-start}.r624SalonToolbar{align-items:stretch}.r624SalonToolbar .r485OfficialButton{width:100%}}

/* R624 — favoris Univers officiels : réemploi du standard favori salon R502/R513. */
html body .r624OfficialUniverseFavoriteRow{
  position:relative;
  display:block;
}
html body .r624OfficialUniverseFavoriteRow > .salonDrawerListButton{
  width:100%;
  padding-right:58px !important;
}
html body .r624OfficialUniverseFavoriteRow > .r624UniverseFavorite{
  position:absolute;
  z-index:2;
  top:50%;
  right:34px;
  transform:translateY(-50%);
}
html body .r624UniverseFavorite{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border:1px solid rgba(224,122,61,.45) !important;
  border-radius:50% !important;
  background:#fff9ef !important;
  color:#c77843 !important;
  font-family:"Segoe UI Symbol","Segoe UI",Arial,sans-serif !important;
  font-size:0 !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 2px 6px rgba(39,31,24,.09) !important;
}
html body .r624UniverseFavorite::before{
  content:'☆';
  display:block;
  font-family:"Segoe UI Symbol","Segoe UI",Arial,sans-serif;
  font-size:20px;
  font-weight:400;
  line-height:1;
  transform:translateY(-1px);
}
html body .r624UniverseFavorite.isFavorite{
  background:#fff0dc !important;
  color:#e27636 !important;
  border-color:#e27636 !important;
}
html body .r624UniverseFavorite.isFavorite::before{content:'★';}
html body .r624UniverseCardActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex:0 0 auto;
}
html body .r624UniverseDetailTitle{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
html body .r624UniverseDetailTitle h2{min-width:0;}
html body .memberFavoritesSectionTitle{
  margin:14px 0 7px;
  padding-left:18px;
  box-sizing:border-box;
  color:#8fa3aa;
  font-family:var(--font-title,Georgia,serif);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
}
html body .memberFavoritesSectionTitle:first-child{margin-top:0;}
html body .memberFavoriteUniverseRow .memberFavoriteSalonOpen{text-align:left;}
@media (max-width:720px){
  html body .r624UniverseCardActions{width:100%;}
  html body .r624UniverseCardActions .r493UniverseAction{flex:1 1 auto;}
}