/*
 * EARONTECH — REPÈRES DE MAINTENANCE
 * Écrans : Logo et drapeau du client dans les cartes, dossiers et bandeaux.
 * Chargement : private/view.php.
 * Les couleurs et tailles paramétrables utilisent les variables --app-* / --product-*.
 * Les blocs @media adaptent la même interface à la largeur de l’écran.
 * Conserver l’ordre des règles : les ajustements spécialisés suivent le socle commun.
 */

/* Identité du client commune aux fiches, cartes, projets et productions. */
.client-identity  {
  display:inline-flex;
  align-items:center;
  gap:7px;
  max-width:100%;
  vertical-align:middle;
}

.client-identity-name  {
  min-width:0;
  overflow-wrap:anywhere;
}

.client-identity .client-logo  {
  width:38px;
  height:30px;
  flex:0 0 38px;
  object-fit:contain;
}

.client-identity .client-country-flag  {
  width:18px;
  height:13px;
  flex:0 0 18px;
  object-fit:contain;
}

.client-logo-field  {
  margin:8px 0 12px;
  display:grid;
  gap:6px;
}

.client-logo-field .field  {
  margin:0;
}

.client-logo-preview  {
  display:block;
  width:auto;
  max-width:170px;
  height:65px;
  object-fit:contain;
  object-position:left center;
}

.client-logo-remove  {
  display:flex;
  align-items:center;
  gap:5px;
  font-size:calc(12px * var(--app-font-scale,1));
}

.client-information-fields .client-logo-remove input  {
  width:14px;
  height:14px;
  min-height:0;
  margin:0;
  padding:0;
}

.project-client-identity  {
  margin:5px 0;
  font-size:calc(13px * var(--app-font-scale,1));
  color:#111;
}

.project-client-name .client-identity-name,.production-client-name .client-identity-name  {
  color:#111;
  font-weight:700;
}

/* Barre du compte client uniquement ; le bandeau EARON conserve sa présentation. */
.dashboard-header-welcome > .client-header-logo  {
  width:62px;
  height:34px;
  object-fit:contain;
  flex:0 0 62px;
}