/* Hello Abidjan — identité visuelle v233.
   Pictogramme multicolore fourni par l'utilisateur, agrandi sans modification ni déformation.
   Logo seulement sur l'accueil ; en-têtes contextuels inchangés sur les autres pages. */
.app > header > a.brand {
  display:inline-flex!important;
  flex:0 0 116px!important;
  width:116px!important;
  max-width:116px!important;
  min-width:0!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0!important;
  overflow:visible;
}
.app > header > a.brand > img.hello-brand-logo {
  display:block!important;
  width:108px!important;
  max-width:108px!important;
  height:auto!important;
  max-height:78px!important;
  object-fit:contain!important;
  object-position:left center!important;
  flex:0 0 auto!important;
  filter:none!important;
  transform:none!important;
}
.app > header > .header-account-actions {
  margin-left:auto!important;
}
#welcome-screen .welcome-splash > img {
  display:block!important;
  width:min(74vw,330px)!important;
  max-width:330px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  filter:none!important;
  transform:none!important;
}
.login-body .login-topbar-logo > img.hello-brand-logo {
  display:block!important;
  width:92px!important;
  max-width:92px!important;
  height:auto!important;
  max-height:67px!important;
  object-fit:contain!important;
  filter:none!important;
  transform:none!important;
}
@media(max-width:550px) {
  .app > header > a.brand {
    flex-basis:105px!important;
    width:105px!important;
    max-width:105px!important;
  }
  .app > header > a.brand > img.hello-brand-logo {
    width:98px!important;
    max-width:98px!important;
    max-height:71px!important;
  }
  #welcome-screen .welcome-splash > img {
    width:min(74vw,290px)!important;
  }
}
@media(max-width:360px) {
  .app > header > a.brand {
    flex-basis:88px!important;
    width:88px!important;
    max-width:88px!important;
  }
  .app > header > a.brand > img.hello-brand-logo {
    width:82px!important;
    max-width:82px!important;
    max-height:60px!important;
  }
}