.hsms-brand {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  width: inherit;
}
.hsms-logo {
  width: auto;
  max-height: 32px !important;
  max-width: 148px !important;
  height: auto;
  object-fit: contain;
  display: block;
}

/* Light theme / light surfaces → logo-dark; Dark theme → logo-light */
.hsms-logo-for-dark { display: none !important; }
.hsms-logo-for-light { display: block !important; }
.dark-style .hsms-logo-for-light { display: none !important; }
.dark-style .hsms-logo-for-dark { display: block !important; }

/* Vuexy default sidebar (bg-menu-theme) is a light panel → logo-dark */
.layout-menu.bg-menu-theme .hsms-logo-for-light { display: block !important; }
.layout-menu.bg-menu-theme .hsms-logo-for-dark { display: none !important; }
.dark-style .layout-menu.bg-menu-theme .hsms-logo-for-light { display: none !important; }
.dark-style .layout-menu.bg-menu-theme .hsms-logo-for-dark { display: block !important; }

.app-brand {
  min-height: 4rem;
}
.app-brand .app-brand-link {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  /* max-width: calc(100% - 2.5rem); */
  width: 100% !important;
}