/* Баннер-логотип Дашборд в самом верху сайдбара, НАД штатным переключателем
   воркспейса. Вставляется инжектором sidebar-logo.js как первый элемент верхней
   flex-колонки <aside>. Логотип — фирменный вордмарк с сайта дашборд,
   отдаётся двумя SVG (тёмная/светлая тема, отличаются только цветом текста).
   Штатный сайдбар не переопределяем — только собственный контейнер #orq-brand-banner. */

#orq-brand-banner {
  display: flex;
  align-items: center;
  padding: 14px 16px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  /* не даём переводчику/reflow схлопнуть высоту */
  flex: 0 0 auto;
}
html:not(.dark) #orq-brand-banner {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}

#orq-brand-banner .orq-brand-logo {
  display: block;
  height: 22px;
  /* 163.22 / 26.817 ≈ 6.087 → ширина под высоту 22px */
  width: 134px;
  max-width: 100%;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  /* тёмная тема — по умолчанию (html.dark ставится в <head> до рендера) */
  background-image: url("/project-sidebar/_assets/sidebar-logo-dark.svg?v=2");
}
html:not(.dark) #orq-brand-banner .orq-brand-logo {
  background-image: url("/project-sidebar/_assets/sidebar-logo-light.svg?v=2");
}

/* Мобильный shell: баннер живёт внутри off-canvas <aside> (drawer) — оставляем
   видимым в шапке выдвижного меню, но чуть плотнее по вертикали. */
html.orq-m #orq-brand-banner {
  padding: 10px 14px 10px;
}

/* Постоянно видимый мобильный верхний бар (.orq-m-topbar от mobile-shell.js):
   логотип по центру ВМЕСТО текстового заголовка (активный раздел подсвечен в
   нижнем баре, у страниц есть свой h1). Инжектит sidebar-logo.js как #orq-brand-banner-m. */
html.orq-m .orq-m-topbar .orq-m-title { display: none; }
html.orq-m .orq-m-topbar #orq-brand-banner-m {
  flex: 1 1 auto;
  min-width: 0;
  height: 20px;
  margin: 0 6px;
  min-height: 40px;              /* тап-таргет; фон центрирован по вертикали */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/project-sidebar/_assets/sidebar-logo-dark.svg?v=2");
}
html.orq-m:not(.dark) .orq-m-topbar #orq-brand-banner-m {
  background-image: url("/project-sidebar/_assets/sidebar-logo-light.svg?v=2");
}