/* Brand logos – fixed dimensions prevent navbar/sidebar layout shift while loading */

.app-brand-logo {
  display: block;
  height: 72px;
  width: auto;
  max-width: 200px;
  object-fit: contain;
}

.app-brand-logo--mobile {
  height: 58px;
  max-width: 160px;
}

.app-brand-logo--compact {
  height: 60px;
  max-width: 180px;
}

.app-brand-logo--hero {
  height: 60px;
  max-width: 200px;
}

.app-brand-logo--login {
  height: 80px;
  max-width: 240px;
}

.sidebar-brand {
  min-height: 72px;
}

.topbar-mobile-logo {
  min-height: 58px;
}

.hero-logo-wrapper {
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-brand {
  min-height: 80px;
}