/* 1. 기존 로고와 텍스트 강제 숨김 */
.logo img, #login .logo img, #login h1 {
    display: none !important;
}

/* 2. 로그인 화면 중앙 로고 배치 */
#login .logo {
    background-image: url('img/logo.svg') !important; /* 내부 경로 규칙 적용 */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 300px !important;
    height: 150px !important;
    margin: 0 auto 20px !important;
    display: block !important;
}

/* 3. 상단바 로고 배치 */
header .logo {
    background-image: url('img/logo.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 150px !important;
    height: 40px !important;
}

/* 4. 강조색 변경 (NEWsys 파란색) */
:root {
    --primaryColor: #0095ff !important;
}
header .logo {
    background-image: url('logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    width: 120px;  /* 상단 바에 맞게 작게 조절 */
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

/* 3. 전체적인 포인트 컬러 변경 (로고의 파란색 계열과 맞춤) */
:root {
    --primaryColor: #0095ff; /* 로고의 밝은 파란색과 유사한 색상 */
    --sideBarColor: #000000; /* 배경이 검은색이므로 사이드바도 검게 통일 */
}