/* Brand logos: only .logo-lg wrapper flex — do not show .logo-sm + .logo-lg together */
.app-menu.navbar-menu .navbar-brand-box .logo span.logo-lg {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
}
html[data-layout="vertical"][data-sidebar-size="sm-hover"] .app-menu.navbar-menu .navbar-brand-box .logo span.logo-lg,
html[data-layout="vertical"][data-sidebar-size="sm-hover-active"] .app-menu.navbar-menu .navbar-brand-box .logo span.logo-lg {
    display: none !important;
}
html[data-layout="vertical"][data-sidebar-size="sm-hover"] .app-menu.navbar-menu .navbar-brand-box .logo span.logo-sm,
html[data-layout="vertical"][data-sidebar-size="sm-hover-active"] .app-menu.navbar-menu .navbar-brand-box .logo span.logo-sm {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
}
.app-menu.navbar-menu .navbar-brand-box .logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 40px;
    object-fit: contain;
    object-position: left center;
}
html[data-layout="vertical"] #page-topbar .navbar-brand-box.horizontal-logo,
html[data-layout="semibox"] #page-topbar .navbar-brand-box.horizontal-logo {
    display: none !important;
}
#page-topbar .navbar-brand-box .logo span.logo-lg {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
}
#page-topbar .navbar-brand-box .logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 24px;
    object-fit: contain;
    object-position: left center;
}