/* Product identity stays separate from each office's own logo and report CI. */
.preqora-brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--brand);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  line-height: 1;
  white-space: nowrap;
}
.preqora-brand-mark {
  display: block;
  flex: 0 0 26px;
  width: 26px;
  height: 30px;
  background: currentColor;
  -webkit-mask: url("../images/preqora-logo.svg") center / contain no-repeat;
  mask: url("../images/preqora-logo.svg") center / contain no-repeat;
}
.preqora-brand-wordmark {
  font-size: 29px;
  font-weight: 750;
  letter-spacing: -1.5px;
}
.preqora-brand-dot { color: #648375; }
body[data-ui-theme="dark"] .preqora-brand-dot { color: #d8edba; }
.public-product-brand { margin-bottom: 28px; }
.public-product-brand ~ h1 { overflow-wrap: anywhere; hyphens: auto; }
.public-office-brand { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.public-office-brand .office-logo { max-width: 112px; max-height: 52px; margin: 0; }
.public-office-brand p { margin: 0; color: var(--muted); font-size: .9rem; }
.sidebar-identity { display: grid; gap: 22px; padding: 0 10px; min-width: 0; }
.sidebar-product-brand { display: flex; width: fit-content; max-width: 100%; text-decoration: none; }
.sidebar-office-brand { display: grid; gap: 10px; padding-top: 18px; border-top: 1px solid var(--line); min-width: 0; }
.sidebar-office-brand img { max-width: 104px; max-height: 52px; width: auto; height: auto; object-fit: contain; justify-self: start; }
.sidebar-office-brand > span { color: var(--muted); font-size: .78rem; line-height: 1.5; overflow-wrap: anywhere; }
@media (max-width: 820px) {
  .sidebar-mobile-toggle > .preqora-brand { margin-right: auto; }
  .sidebar-mobile-toggle .preqora-brand-wordmark { font-size: 25px; }
  .sidebar-mobile-toggle .preqora-brand-mark { flex-basis: 23px; width: 23px; height: 27px; }
  .sidebar-mobile-toggle > .navigation-icon:last-child { margin-left: 4px; }
  .sidebar-identity { padding: 4px 10px 0; }
  .sidebar-identity .sidebar-product-brand { display: none; }
  .sidebar-office-brand { display: flex; align-items: center; gap: 14px; padding-top: 4px; border-top: 0; }
  .sidebar-office-brand img { max-width: 74px; max-height: 44px; flex-shrink: 0; }
  .public-product-brand { margin-bottom: 22px; }
}
