.brand .site-logo,
.footer-brand .site-logo,
.admin-logo .site-logo {
  display: block;
  width: 180px;
  height: 46px;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}

.footer-brand .site-logo {
  width: 130px;
  height: 32px;
}

/* White background keeps the logo readable on the dark sidebar */
.sidebar .brand {
  background: #fff;
  padding: 8px;
  border-radius: 8px;
}

.sidebar .brand .site-logo {
  width: 160px;
  height: 40px;
}

.admin-logo {
  display: inline-flex;
  background: #fff;
  padding: 6px 10px;
  border-radius: 8px;
}

@media (max-width: 520px) {
  .public-header .brand .site-logo {
    width: 125px;
    height: 36px;
  }
}