/*
 * NE2NE dashboard sidebar logo (overlay).
 *
 * Zammad renders the nav logo from <symbol id="icon-logo"> inside icons.svg at
 * 42×36px (the stock bird proportions). Our mark is ~1.9:1 wide, and browsers
 * often cache icons.svg under expires max — so we hide the sprite <use> and
 * paint a standalone transparent SVG via .search .logo::before instead.
 */

.search .logo svg.icon-logo {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  overflow: hidden;
  pointer-events: none;
}

.search .logo::before {
  content: "";
  display: inline-block;
  width: 68px;
  height: 36px;
  background: url("/assets/ne2ne/dashboard-logo.svg") center / contain no-repeat;
  vertical-align: middle;
}

.search .logo {
  min-width: 68px;
  min-height: 36px;
}

/* Splash screen while the SPA loads */
.splash .icon-logo {
  width: 68px !important;
  height: 36px !important;
}

.splash .icon-logo use {
  display: none;
}

.splash .icon-logo {
  background: url("/assets/ne2ne/dashboard-logo.svg") center / contain no-repeat;
}