/* R580 — finitions ciblées du Tableau de bord de mon Univers.
   Références réutilisées : palette Espace officiel R485, flèche/select R567,
   bouton action officiel .ethnosOfficialAction R216. */

.r579OfficialSpace .r579OfficialTopbar{
  gap:18px;
}
.r579OfficialSpace .r579OfficialTopIdentity{
  min-width:0;
  flex:0 1 auto;
}
.r579OfficialSpace .r579OfficialTopText{
  min-width:0;
}
.r579OfficialSpace .r579OfficialCreatorLine{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.r579OfficialSpace .r579OfficialMark{
  flex:0 0 auto;
  color:#7abfd3;
  font-weight:800;
  line-height:1;
}
.r579OfficialSpace .r579OfficialTopSeparator{
  align-self:stretch;
  width:1px;
  min-height:34px;
  background:rgba(255,255,255,.16);
}
.r579OfficialSpace .r579OfficialPageTitle{
  color:#f5f0e8;
  font-family:var(--font-title,"Montserrat","Segoe UI",Arial,sans-serif);
  font-size:clamp(18px,1.55vw,28px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.02em;
}

/* Sélecteurs : copie de l'ornement de contrôle réellement actif R567. */
.r579OfficialSpace .r485OfficialField select{
  -webkit-appearance:none !important;
  appearance:none !important;
  padding-right:42px !important;
  background-color:#092535 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.25 6 6.25 11 1.25' fill='none' stroke='%23f7f2e9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,#0b3143 0%,#082536 100%) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:right 14px center,right center !important;
  background-size:12px 8px,40px 100% !important;
}
.r579OfficialSpace .r485OfficialField select:disabled{opacity:.62 !important;}

.r579OfficialSpace .r579SalonCreateCard{
  border-color:rgba(239,139,85,.58);
  box-shadow:0 14px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04);
}
.r579OfficialSpace .r579SalonCreateHead{
  background:rgba(239,139,85,.10);
}
.r579OfficialSpace .r579SalonCreateEyebrow{
  display:block;
  margin-bottom:6px;
  color:#ef8b55;
  font-family:var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.r579OfficialSpace .r579SalonCreateHead h3{
  font-size:clamp(20px,1.4vw,26px);
}

.r579OfficialSpace .r579PreviewOfficialBadge{
  color:#7abfd3;
  border-color:#7abfd3;
  background:rgba(122,191,211,.08);
}
.r579OfficialSpace .r579PreviewOfficialBadge span{font-weight:800;}

.r579OfficialSpace .r579NeedSection{
  min-height:100%;
  display:grid;
  place-items:center;
  padding:24px;
}
.r579OfficialSpace .r579NeedSection[hidden]{display:none !important;}
.r579OfficialSpace .r579NeedBox{
  width:min(640px,100%);
  padding:clamp(22px,2.4vw,38px);
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:#102532;
  box-shadow:0 18px 42px rgba(0,0,0,.18);
  text-align:center;
}
.r579OfficialSpace .r579NeedBox h2{
  margin:0;
  color:#f5f0e8;
  font-family:var(--font-title,"Montserrat","Segoe UI",Arial,sans-serif);
  font-size:clamp(20px,1.55vw,28px);
  line-height:1.18;
}
.r579OfficialSpace .r579NeedBox>p{
  margin:10px auto 18px;
  color:#9fd5e5;
  font-size:13px;
  line-height:1.55;
}
.r579OfficialSpace .r579NeedBox textarea{
  display:block;
  width:100%;
  min-height:150px;
  resize:vertical;
  box-sizing:border-box;
  margin:0 0 18px;
  padding:14px;
  border:1px solid rgba(149,205,218,.22);
  border-radius:10px;
  background:#092535;
  color:#f5f0e8;
  font:500 14px/1.5 var(--font-interface,Manrope,"Segoe UI",Arial,sans-serif);
  outline:none;
}
.r579OfficialSpace .r579NeedBox textarea:focus{border-color:rgba(49,209,207,.62);}
.r579OfficialSpace .r579NeedBox button.ethnosOfficialAction{
  width:min(220px,100%);
  margin:0 auto;
}
.r579OfficialSpace .r579NeedBox .r485OfficialStatus{margin-top:14px;}

@media (max-width:760px){
  .r579OfficialSpace .r579OfficialTopbar{gap:10px;}
  .r579OfficialSpace .r579OfficialTopSeparator{display:none;}
  .r579OfficialSpace .r579OfficialPageTitle{font-size:16px;}
  .r579OfficialSpace .r579NeedSection{padding:14px 8px 24px;}
}


/* R580 — icône Officiel : réutilisation de l'asset officiel actif R552/R554. */
.r579OfficialSpace .r580OfficialIcon{display:inline-grid;place-items:center;width:27px;height:27px;flex:0 0 27px;position:relative}
.r579OfficialSpace .r580OfficialIcon img{display:block;width:100%;height:100%;object-fit:contain}
.r579OfficialSpace .r579PreviewOfficialBadge{display:inline-flex;align-items:center;gap:7px}
.r579OfficialSpace .r580OfficialInlineIcon{display:block;width:22px;height:22px;object-fit:contain}

/* R580 — Mes salons : le formulaire prend toute la largeur utile pour supprimer les libellés tronqués. */
.r579OfficialSpace [data-r486-section="salons"] .r485OfficialGrid{grid-template-columns:minmax(0,1fr)!important}
.r579OfficialSpace [data-r486-section="salons"] .r579SalonCreateCard{width:100%;max-width:none;box-sizing:border-box}
.r579OfficialSpace [data-r486-section="salons"] .r492SalonThemeFields{grid-template-columns:repeat(3,minmax(220px,1fr));column-gap:16px}
.r579OfficialSpace [data-r486-section="salons"] .r492SalonThemeFields .r485OfficialField select{width:100%;min-width:0}
.r580SalonToolbar{display:flex;justify-content:flex-end;padding:14px 18px 0}
.r580SalonArchives{margin:18px;border:1px solid rgba(149,205,218,.18);border-radius:14px;overflow:hidden;background:rgba(5,19,28,.28)}
.r580SalonArchivesHead{padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025)}
.r580SalonArchivesHead h3{margin:0;color:#f5f0e8;font-size:14px}.r580SalonArchivesHead p{margin:5px 0 0;color:#95b0ba;font-size:10px;line-height:1.45}
.r580SalonArchives .r485SalonList{padding:14px}.r580SalonCardArchived{opacity:.88}.r580SalonArchivesEmpty{margin:0;padding:18px;color:#95b0ba;font-size:11px}
@media(max-width:1100px){.r579OfficialSpace [data-r486-section="salons"] .r492SalonThemeFields{grid-template-columns:1fr}}