.brand {
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 12px;
}

.brand .brand-link {
  display: flex;
  align-items: flex-start;
  color: inherit;
  padding: 0;
  border-radius: 0;
  cursor: pointer;
  transition: none;
}

.brand .brand-link:hover,
.sidebar .brand .brand-link.active,
.brand .brand-link:focus,
.brand .brand-link:active {
  color: inherit;
  background: transparent;
  text-decoration: none;
  opacity: 1;
  transform: none;
}

.brand .brand-combined {
  flex-direction: column;
  gap: 6px;
}

.brand .brand-combined span {
  color: #71808d;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.brand img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 48px;
  object-fit: contain;
  object-position: left center;
}

.sidebar-logo-preview {
  display: flex;
  align-items: center;
  min-height: 72px;
  padding: 12px;
  border: 1px solid var(--line);
  background: var(--panel2);
}

.sidebar-logo-preview img {
  display: block;
  max-width: 240px;
  max-height: 64px;
  object-fit: contain;
}