/* 공통 토큰 · 최소 리셋. html/ 프로토타입의 :root 값을 그대로 사용한다. */
:root {
    --mes-navy: #10182A;
    --mes-panel-head: #38424F;
    --mes-grid-head: #264558;
    --mes-accent: #2EA3C7;
    --mes-teal: #3AD5BF;
    --mes-page: #ECF0F1;
    --mes-line: #CFD6DD;

    /* MainForm 셸 · 그리드 (html/01_기준정보/01_거래처코드_v7기준.html) */
    --mes-menu-active: #22335B;
    --mes-menu-text: #BCCBE0;
    --mes-submenu: #060E20;
    --mes-submenu-active: #03060E;
    --mes-grid-selected: #B6DCD8;
    --mes-grid-line: #E0E0E0;
    --mes-orange: #FFA500;
    --mes-new: #26A69A;
    --mes-add: #FDAA0A;
    --mes-edit: #26A1ED;
    --mes-delete: #F16D6A;
    --mes-logout: #EF5350;
}

*, *::before, *::after { box-sizing: border-box; }

html, body { height: 100%; }

body {
    margin: 0;
    background: var(--mes-navy);
    font-family: "Malgun Gothic", sans-serif;
    color: #E8EDF3;
}

/* Blazor 런타임 오류 · 재연결 배너. blazor.web.js 가 #blazor-error-ui 를 찾아 표시한다. */
#blazor-error-ui {
    background: lightyellow;
    color: #212529;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    position: fixed;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* 권한 없는 화면에서 쓰는 안내 박스. 화면 루트(.screen-page 등) 바깥에 놓이므로 앱 공용이다. */
.denied {
    height: 100%; padding: 40px; background: #fff; border: 1px solid #8A8A8A;
    color: #A32020; font-size: 14px;
}