.brand-logo-link {
  display: inline-flex;
  align-items: center;
  padding: 0;
}

.public-logo {
  width: auto;
  height: 54px;
  max-width: 210px;
  object-fit: contain;
  border-radius: 0;
}

.footer-logo {
  display: block;
  width: auto;
  height: 70px;
  max-width: 250px;
  object-fit: contain;
}

.white-logo,
.logo-white-variant {
  filter: brightness(0) invert(1);
}

.logo-white-variant { display: none !important; }
html[data-theme="dark"] .logo-light-variant { display: none !important; }
html[data-theme="dark"] .logo-white-variant { display: block !important; }
html[data-theme="dark"] .mobile-top-brand img:not(.logo-white-variant) { filter: brightness(0) invert(1); }

.system-brand {
  width: 100%;
}

.system-brand-logo {
  display: block;
  width: auto;
  height: 46px;
  max-width: 185px;
  object-fit: contain;
  object-position: left center;
}

.login-brand-logo {
  display: block;
  width: auto;
  height: 72px;
  max-width: 270px;
  object-fit: contain;
  object-position: left center;
}

.login-card img.mobile-logo {
  width: auto;
  height: 60px;
  max-width: 220px;
  object-fit: contain;
  border-radius: 0;
  background: transparent;
  margin: 0 auto 24px;
}

.settings-brand-logo {
  display: block;
  width: min(100%, 260px);
  height: auto;
  max-height: 110px;
  object-fit: contain;
  margin: 18px auto 16px;
}

@media (max-width: 575px) {
  .public-logo { height: 45px; max-width: 170px; }
  .footer-logo { height: 58px; max-width: 220px; }
  .system-brand-logo { height: 42px; max-width: 165px; }
}