/* VPM 덮어쓰기 - VPM 에서만 공용 CSS 와 다르게 보여야 하는 것을 여기에 모은다.
   공용 CSS(MFM.Common 의 mfm-base.css · mfm-login.css 등)는 MyFleetMaster 와 같이 쓰는 사본이라 고치지 않고 여기서 덮는다.
   레이아웃이 모든 CSS 의 맨 끝에 싣고(_Layout.cshtml), 로그인 화면도 따로 싣는다(Login.cshtml ExtraCss).
   레이어(@layer) 밖이라 공용 규칙의 보통 선언을 이긴다. 공용 규칙이 레이어 안에서 !important 로 잡은 값은 이기지 못한다.
   색은 스킨 변수(var(--mfm-c-…) 등)를 쓰는 것이 원칙이다 - 규칙은 docs/specs/SKIN_GUIDE.md · CSS_VAR_NAMING.md.
   절: 1 로그인 화면 · 2 상단 헤더(로고·사용자 메뉴). 새 덮어쓰기는 알맞은 절에 넣고, 없으면 절을 더한다. */

/* ── 1. 로그인 화면 ─────────────────────────────────────────────────────────── */

/* 로그인 1단 - 261020 2단(좌패널 일러스트 + 우패널) 복원으로 주석 처리했다. 지금은 mfm-login.css 그대로 보인다.
   다시 1단으로 가려면 아래 두 규칙의 주석을 풀고 _LoginShell.cshtml 의 login_box_L 블록을 주석 처리한다.
   넓은 화면에서도 모바일과 같은 1단(로고 띠 + 흰 상자)으로 보인다.
   992px 이상에서만 덮는다. 그보다 좁은 화면은 mfm-login.css 의 모바일 구간이 그대로 맡는다.

@media (min-width: 992px) {
    body.vpm-login .login_box {
        --login-pad-x: 40px;
        --login-pad-y: 48px;
        --login-radius: 48px;
        width: 100%;
        max-width: 480px;
        border-radius: 48px;
    }
}

body.vpm-login .login_mobile_logo {
    display: block;
}
*/

/* ── 2. 상단 헤더 ───────────────────────────────────────────────────────────── */

/* 상단 헤더 로고 칸 - 배경은 스킨 그대로 둔다.
   공용 CSS 가 높이를 레이어 안의 !important(height:auto · 30px)로 잡고 있어 레이어 밖에서는 이길 수 없다.
   그래서 폭만 정하고 높이는 그림 비율대로 따라오게 한다 (1248x542 → 폭 80px 이면 높이 약 35px).
   접힌 사이드바의 미니 로고(img/header_logo_mini-HMM.png)는 MFM 미니 로고와 같은 정사각형이라 공용 CSS 그대로 둔다 */
.main-header .logo.vpm-logo .logo-lg > img {
    width: 80px;
}

/* 사용자 메뉴의 로그아웃 단추는 공용 btn-secondary 그대로 액센트를 따른다(261102).
   화이트·블랙 액센트에서 글자가 묻히던 두 자리는 여기가 아니라 액센트 값표(skin/white.css · black.css)에서 고쳤다 */