/* Photos de profil, logos des tiers (clients, fournisseurs) et numéro de version.
   Uniquement des variables (var(--…)) : les tailles propres à ce fichier sont déclarées une fois, ici. */
:root {
  --img-logo-liste: 20px;
  --img-logo-fiche: 44px;
  --img-avatar-profil: 48px;
  --img-version-t: 10px;
}

/* Photo à la place des initiales : la pastille garde sa forme, l'image la remplit */
.av-img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.sb-foot-avatar, .crm-ini, .ini { overflow: hidden; }
.sb-foot-avatar.cp-avatar { width: var(--img-avatar-profil); height: var(--img-avatar-profil); }
.cp-photo .btn { margin-left: 0; }

/* Logo d'un tiers : petit dans les listes, plus grand dans l'en-tête de la fiche ; proportions conservées */
.tiers-logo { display: inline-block; height: var(--img-logo-liste); width: auto; max-width: calc(var(--img-logo-liste) * 3); object-fit: contain; vertical-align: middle; margin-right: var(--s-2); border-radius: var(--r-sm); }
.tiers-logo-fiche { height: var(--img-logo-fiche); max-width: calc(var(--img-logo-fiche) * 3); margin-right: var(--s-3); }

/* Numéro de version : discret, en bas du menu latéral et de l'écran de connexion */
.app-version { font-size: var(--img-version-t); color: var(--muted); opacity: .7; text-align: center; letter-spacing: .04em; user-select: none; }
#login .app-version { margin-top: var(--s-4); }
#sidebar .sb-bottom .app-version { padding-top: var(--s-2); }
#sidebar.collapsed .app-version { display: none; }