/*
 * PC 顶栏 Logo 防溢出
 * 保留智简魔方后台 {$Setting.web_logo} / {$Setting.logo_url_home_mini} 动态配置，
 * 仅限制其在 70px 顶栏与品牌栏中的可视尺寸。
 */
.navbar-brand-box {
    height: 70px;
    overflow: hidden;
}

.navbar-brand-box .logo {
    height: 70px;
    line-height: 70px;
    overflow: hidden;
}

.navbar-brand-box .logo-lg {
    display: inline-flex;
    width: 100%;
    height: 70px;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    overflow: hidden;
}

.navbar-brand-box .logo-lg img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 190px;
    max-height: 48px;
    object-fit: contain;
}

.navbar-brand-box .logo-sm img {
    width: auto !important;
    height: auto !important;
    max-width: 48px;
    max-height: 48px;
    object-fit: contain;
    vertical-align: middle;
}

.vertical-collpsed .navbar-brand-box .logo-sm {
    width: 70px;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
}

@media screen and (min-width: 996px) {
    .navbar-brand-box {
        max-width: 230px;
        flex: 0 0 230px;
    }

    .vertical-collpsed .navbar-brand-box {
        max-width: 70px;
        flex: 0 0 70px;
    }
}