.brand img {
  display: block;
  width: auto;
  height: 58px;
  max-width: min(100%, 300px);
  object-fit: contain;
}

.topbar .brand img {
  height: 46px;
  max-width: 190px;
}

.topbar .brand small { max-width: 260px; }

.dashboard-logo {
  display: block;
  width: auto;
  height: 48px;
  max-width: 220px;
  margin-bottom: 20px;
  object-fit: contain;
}

footer img {
  display: block;
  width: auto;
  height: 34px;
  max-width: 190px;
  margin: auto;
  object-fit: contain;
}

.chat-shell footer img {
  height: 28px;
  max-width: 150px;
}

@media (max-width: 620px) {
  .brand img { height: 50px; }
  .dashboard-logo { height: 42px; }
}