/* Identité visuelle commune aux espaces client, gestion, coach et connexion. */
.logo-studio {
  display: block;
  width: auto;
  max-width: 9rem;
  height: 2rem;
  object-fit: contain;
}

.topbar .marque {
  display: flex;
  align-items: center;
  min-height: 2rem;
}
.topbar .logo-studio {
  height: 2.1rem;
}

.laterale .marque {
  display: flex;
  align-items: center;
  gap: .45rem;
}
.laterale .logo-studio { max-width: 8.5rem; height: 2.25rem; }
.laterale .marque .nom-studio {
  color: var(--encre);
  font-size: 1.25rem;
  font-weight: 700;
}
.laterale .marque-suffixe {
  color: var(--argile);
  font-size: .78rem;
  font-weight: 600;
}

.tete-coach .marque {
  display: flex;
  align-items: center;
  gap: .45rem;
}
.tete-coach .logo-studio { max-width: 8.5rem; height: 2.2rem; }

.connexion-marque .logo-studio-connexion {
  width: auto;
  max-width: 11rem;
  height: auto;
  max-height: 4.5rem;
  object-fit: contain;
}

.ligne-logo {
  align-items: flex-start;
  flex-wrap: wrap;
}
.apercu-logo-studio {
  flex: 0 0 9rem;
  min-height: 4.5rem;
  display: grid;
  place-items: center;
  padding: .65rem;
  overflow: hidden;
  border: 1px dashed var(--bord);
  border-radius: 10px;
  background: var(--sable);
}
.apercu-logo-studio img {
  display: block;
  max-width: 100%;
  max-height: 4rem;
  object-fit: contain;
}
.apercu-logo-studio span {
  color: #8a7f7a;
  font-size: .78rem;
  font-weight: 600;
  text-align: center;
}
.saisie-logo {
  flex: 1 1 100%;
  padding-left: 10rem;
  color: #8a7f7a;
  font-size: .78rem;
}
.saisie-logo input[type="file"] {
  display: block;
  width: 100%;
  margin-top: .45rem;
  color: var(--encre);
  font: inherit;
}
.saisie-logo input[type="file"]::file-selector-button {
  margin-right: .6rem;
  padding: .45rem .7rem;
  border: 1px solid var(--bord);
  border-radius: 8px;
  background: #fff;
  color: var(--encre);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

@media (max-width: 560px) {
  .ligne-logo { display: grid; grid-template-columns: 6.5rem 1fr; }
  .apercu-logo-studio { min-width: 0; width: 6.5rem; }
  .saisie-logo { grid-column: 1 / -1; padding-left: 0; }
}