/* Shared KM.AI header logo sizing. */
header .brand > .logo,
header .brand::before,
header .brand:before,
header > .brand .logo,
nav .nav-logo > .logo-icon,
nav .logo > .mark,
nav .nav-logo > .logo-mark,
nav .nav-left .logo > .mark,
nav .nav-left .nav-logo > .logo-mark {
  width: 170px !important;
  height: 54px !important;
  flex: 0 0 170px !important;
  background: url("assets/brand/km-ai-logo.png") center/contain no-repeat !important;
  border-radius: 0 !important;
  clip-path: none !important;
}

/* Drawer headers have less horizontal room. */
.side-head .logo > .mark,
.side-head .side-logo > .logo-mark,
.side-head .side-logo > .logo-icon,
.sidebar-header .logo > span {
  width: 140px !important;
  height: 45px !important;
  flex: 0 0 140px !important;
  background: url("assets/brand/km-ai-logo.png") center/contain no-repeat !important;
  border-radius: 0 !important;
  clip-path: none !important;
}

header [data-legal-brand] { display: none !important; }

@media (max-width: 760px) {
  header .brand > .logo,
  header .brand::before,
  header .brand:before,
  header > .brand .logo,
  nav .nav-logo > .logo-icon,
  nav .logo > .mark,
  nav .nav-logo > .logo-mark,
  nav .nav-left .logo > .mark,
  nav .nav-left .nav-logo > .logo-mark {
    width: 132px !important;
    height: 42px !important;
    flex-basis: 132px !important;
  }
}