.bathiku-logo {
    align-items: center;
    display: flex;
    gap: 10px;
    padding: 0 18px;
}

.bathiku-logo-placeholder {
    align-items: center;
    background: var(--bathiku-primary);
    border-radius: 10px;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    height: 36px;
    justify-content: center;
    letter-spacing: .5px;
    width: 36px;
}

.bathiku-client-logo {
    max-height: 38px;
    max-width: 44px;
    object-fit: contain;
}

.bathiku-logo-name {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bathiku-company-name {
    color: #f5f7fb;
}

.bathiku-tab-logo {align-items:center;display:flex;gap:8px;max-width:190px;overflow:hidden;color:#0f4069;white-space:nowrap}
.leftbar-tab-menu .main-icon-menu .bathiku-logo-placeholder {margin-top:-2px;background:#fff;color:var(--bathiku-primary)}
.main-menu-inner .menu-body .main-icon-menu-pane > .nav > .nav-item > .nav-link {padding-left:8px}
.main-menu-inner .menu-body .main-icon-menu-pane > .nav > .nav-item > .nav-link.active {background:#edf3ff;color:var(--bathiku-primary)}
@media (max-width:1024px){.leftbar-tab-menu{display:none}.main-icon-menu-active .leftbar-tab-menu{display:block}.main-menu-inner{top:70px;height:calc(100% - 70px)}.main-menu-inner .topbar-left{display:none}.main-menu-inner .menu-body{height:100%!important}.main-icon-menu-active .leftbar-tab-menu{min-width:270px}.page-wrapper{min-width:0}}

@media (max-width: 767px) {
    .bathiku-logo-name,
    .bathiku-company-name {
        display: none;
    }
}