/* Custom Logo CSS - 登录后左上角显示Logo */

/* 在导航栏左侧添加logo */
.navbar .navbar-brand::before,
.sidebar-logo-container::before,
.app-header .logo-container::before,
.layout-header .logo::before,
.el-header .logo::before {
    content: '';
    display: inline-block;
    width: 180px;
    height: 58px;
    background-image: url('/images/logo-DataItem.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
    vertical-align: middle;
}

/* 侧边栏logo样式 */
.sidebar-container .sidebar-logo-container {
    position: relative;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    overflow: hidden;
}

.sidebar-container .sidebar-logo-container::before {
    content: '';
    display: inline-block;
    width: 160px;
    height: 52px;
    background-image: url('/images/logo-DataItem.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

/* 顶部导航栏logo */
.navbar-container .logo-wrapper::before,
.app-main-header .logo-area::before {
    content: '';
    display: inline-block;
    width: 180px;
    height: 58px;
    background-image: url('/images/logo-DataItem.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 20px;
    vertical-align: middle;
}

/* 确保logo容器有足够空间 */
.el-header {
    display: flex;
    align-items: center;
}

/* 隐藏登录页的logo（如果有的话） */
.login-container .logo::before,
.login-page .logo::before {
    display: none !important;
}