@charset "utf-8"; /* 문자셋 설정: UTF-8 */
/* --------------------------------------------------------------------------
   Modern Green Premium - HiTEL Style Philosophy Integration (Lime)
   Core Theme: Professional Lime & High Contrast (Zero-White Policy)
   Philosophy: Stability, Precision, and Freshness (Sharp Corners & Grid)
   Colors: Lime Green (#84CC16) & Amber Gold (#EAB308)
   Designed by: Antigravity
   -------------------------------------------------------------------------- */

/* [1] MASTER INHERITANCE RESET (Force Consistency Across All Pages) */
html,
body {
    background-color: var(--layout-body) !important;
    color: var(--layout-gray-900) !important;
}

:root {
    /* === [2] PREMIUM LIME PALETTE (Refined Lime Identity) === */
    --color-prime: #65A30D !important;       /* 테마의 메인 강조색: 정교한 딥 라임 */
    --hitel-gold: #EAB308 !important;        /* 포인트 색상: 선명한 앰버 골드 */
    --hitel-cream: #F8FCEB !important;       /* 배경 색상: 페일 라임 (화이트 제로 정책) */
    --hitel-charcoal: #1A2E05 !important;    /* 텍스트 색상: 딥 올리브 차콜 */

    /* === [3] LIGHT MODE MASTER (The Lime Era Aesthetics) === */
    --layout-body: #F8FCEB !important;      /* 메인 바디 배경색: 연한 라임 (순수 흰색 배제) */
    --layout-header: #F8FCEB !important;    /* 헤더 영역 배경색 */
    --layout-gnb-bg: #D9F99D !important;    /* 메인 메뉴(GNB) 바 배경색: 소프트 라임 */
    --layout-tnb: #3F6212 !important;       /* 상단 최상위 영역(TNB) 배경색: 딥 올리브 */
    --layout-header-border: #D9F99D !important; /* 헤더 하단 테두리 */
    --layout-gnb-border: #BEF264 !important; /* GNB 바 하단 테두리 */
    
    --layout-container-bg: #FDFFFA !important; /* 메인 컨테이너 영역 배경색: 극저채도 라임 화이트 */
    --layout-sidebar-bg: #F0F9E1 !important;   /* 사이드바 배경색 */
    --layout-sidebar-border: #D9F99D !important; /* 사이드바 테두리 */
    --layout-sidebar-active-bg: #BEF264 !important; /* 사이드바 활성 항목 */
    --layout-sidebar-active-color: #1A2E05 !important;
    
    --layout-footer-bg: #1A2E05 !important;   /* 푸터 영역 배경색: 딥 올리브 블랙 */
    --layout-footer-border: #3F6212 !important; /* 푸터 상단 테두리 */
    
    --layout-dropdown-bg: #F0F9E1 !important; /* 드롭다운/풀다운 메뉴 배경색 */
    --layout-dropdown-hover-bg: #D9F99D !important; /* 드롭다운 메뉴 호버 */
    
    --layout-board-bg: #F7FEE7 !important; /* 게시판 목록/내용 배경색 */
    --layout-board-border: #D9F99D !important; /* 게시판 테두리 */
    
    --layout-radius: 2px; /* 하이텔 철학: 산업적 느낌의 날카로운 모서리 */
    --layout-radius-lg: 4px;
    --hitel-border: #BEF264 !important; /* 일반 테두리 표준 색상 */
    
    --layout-kvWrap-bg: #D9F99D !important;   /* 그룹 헤더 배경색 */

    /* === [4] GRAY SCALE REMAPPING (Anti-Conflict Guard) === */
    --layout-white: #FDFFFA !important; 
    --layout-gray-50: #F7FEE7 !important; 
    --layout-gray-100: #D9F99D !important; 
    --layout-gray-200: #BEF264 !important; 
    --layout-gray-300: #A3E635 !important; 
    --layout-gray-900: var(--hitel-charcoal) !important; 
    --layout-black: #F0F9E1 !important; 
}

/* === [5] DARK MODE MASTER (Lime Screen Nostalgia) === */
:root.darkMode, html.darkMode, body.darkMode, .darkMode {
    --layout-body: #111A05 !important;      /* 다크 모드 전체 배경색: 딥 라임 그린 스크린 */
    --layout-header: #111A05 !important;
    --layout-gnb-bg: #111A05 !important;
    --layout-tnb: #1A2E05 !important;       /* 상단 메타 영역 배경색 */
    --layout-sidebar-bg: #1A2E05 !important; /* 사이드바 배경색 */
    --layout-container-bg: #142704 !important; /* 본문 컨테이너 박스 배경색 */
    
    --layout-footer-bg: #1A2E05 !important;
    --layout-footer-border: #365314 !important;
    
    --layout-dropdown-bg: #365314 !important;
    --layout-dropdown-hover-bg: #65A30D !important;
    
    --layout-board-bg: #142704 !important;
    --layout-board-border: #365314 !important;
    
    --color-prime: #A3E635 !important;       /* 다크 모드 가독성을 위한 밝은 라임 강조 */
    --hitel-border: #365314 !important;
    --layout-gray-300: #365314 !important;
    
    --layout-white: #142704 !important;
    --layout-gray-900: #ECFCCB !important;
    --layout-black: #000400 !important;
    
    --layout-gray-100: #1A2E05 !important;
    --layout-gray-200: #365314 !important;
    --layout-header-border: #365314 !important;
    
    --layout-kvWrap-bg: #142704 !important;
    --layout-gray-50: #000000 !important;

    --layout-sidebar-active-bg: #3F6212 !important;
    --layout-sidebar-active-color: #ECFCCB !important;
}

/* === [6] GLOBAL TYPOGRAPHY MASTER === */
body, a, h1, h2, h3, h4, h5, p, span, li, strong, dt, dd, i, b, em {
    color: var(--layout-gray-900);
}

:root.darkMode body, :root.darkMode a, :root.darkMode p, :root.darkMode span, 
:root.darkMode h1, :root.darkMode h2, :root.darkMode h3, :root.darkMode h4,
.darkMode body, .darkMode a, .darkMode p, .darkMode span, 
.darkMode h1, .darkMode h2, .darkMode h3, .darkMode h4 {
    color: #ECFCCB !important;
}

/* === [7] ARCHITECTURE PROTECTION (Cloned Parity) === */
html:not(.darkMode) .gnbWrap {
    background: var(--layout-header) !important;
    border-bottom: 1px solid var(--layout-gnb-border) !important;
}

html:not(.darkMode) .gnbWrap .gnb {
    background: transparent !important;
    height: 100%;
}

html:not(.darkMode) .gnbWrap .gnb nav {
    background: var(--layout-gnb-bg) !important;
    width: fit-content;
}

html:not(.darkMode) .gnbWrap .gnb nav > ul,
html:not(.darkMode) .gnbWrap .gnb nav > ul > li {
    background: transparent !important;
}

html:not(.darkMode) .gnb-menu ul,
html:not(.darkMode) .dropdown-menu {
    background: var(--layout-dropdown-bg) !important;
}

html:not(.darkMode) .gnb-menu ul li a,
html:not(.darkMode) .dropdown-menu a {
    color: var(--layout-gray-900) !important;
}

html:not(.darkMode) .gnbWrap .gnb nav ul li a {
    color: var(--layout-gray-900) !important;
}

.sideWrap, .sidebar, .snb, .gnb-menu, .dropdown-menu, .sub-menu, .container {
    background: var(--layout-sidebar-bg) !important;
    border-color: var(--hitel-border) !important;
}

.mainContainer, .container {
    background: var(--layout-body) !important;
}

/* Sidebar Nav Hover Effect */
.sideWrap .sideGnb .nav ul > li > a {
    color: var(--layout-gray-900) !important;
    transition: all 0.1s ease;
    padding: 6px 12px !important;
    border-radius: 0 !important;
    margin-right: 14px;
}

.sideWrap .sideGnb .nav ul > li > a:hover {
    background: var(--layout-dropdown-hover-bg) !important;
    color: var(--color-prime) !important;
    border-left: 4px solid var(--color-prime) !important;
}

.darkMode .sideWrap .sideGnb .nav ul > li > a:hover {
    background: var(--color-prime) !important;
    color: #ffffff !important;
}

.sideWrap .sideGnb .nav ul > li > a.active {
    background: var(--layout-sidebar-active-bg) !important;
    color: var(--layout-sidebar-active-color) !important;
}

/* === [8] UI COMPONENTS MASTER === */
input, select, textarea {
    background: #FDFFFA !important;
    color: var(--hitel-charcoal) !important;
    border-color: var(--hitel-border) !important;
}
:root.darkMode input, :root.darkMode select, :root.darkMode textarea {
    background: #111A05 !important;
    color: #ECFCCB !important;
    border-color: #365314 !important;
}

.pg_wrap .pg .pg_page, .pg_wrap .pg .pg_current {
    background: var(--layout-gray-100) !important;
    color: var(--layout-gray-900) !important;
}
.pg_wrap .pg .pg_current {
    background: var(--color-prime) !important;
    color: #ffffff !important;
}

/* === [9] SPECIFIC PAGE GUARD === */
html.darkMode body .loginBox,
html.darkMode body .memberWrap,
html.darkMode body .boardListWrap,
html.darkMode body .boardViewWrap,
body.darkMode .loginBox,
body.darkMode .memberWrap,
body.darkMode .boardListWrap,
body.darkMode .boardViewWrap,
.darkMode .loginBox,
.darkMode .memberWrap,
.darkMode .boardListWrap,
.darkMode .boardViewWrap {
    background: transparent !important;
    color: var(--layout-gray-900) !important;
    border-color: var(--hitel-border) !important;
}

/* === [10] UNITY FILTER (Lime Tone) === */
.logo img, .icon img, .header .icon i, .header-wrap .icon i {
    filter: sepia(0.3) saturate(1.4) hue-rotate(40deg) brightness(1.1) contrast(100%);
}

footer, .footerWrap, .footer {
    background: var(--layout-footer-bg) !important;
    border-top: 2px solid var(--layout-footer-border) !important;
    color: #ECFCCB !important;
}

footer *, .footerWrap *, .footer * {
    color: #ECFCCB !important;
}

/* === [11] REMAINING BACKGROUND GUARD (TNB) === */
.tnb, .topWrap, .header-top {
    background: var(--layout-tnb) !important;
    color: #ECFCCB !important;
}

.tnb *, .topWrap *, .header-top * {
    color: #ECFCCB !important;
}

.darkMode .tnb, .darkMode .topWrap, .darkMode .header-top {
    background: var(--layout-tnb) !important;
}

/* [12] DROPDOWN READABILITY FIX */
.tnb .translateDropdown,
.tnb .translateDropdown *,
.tnb .outloginUserMenu,
.tnb .outloginUserMenu * {
    color: var(--layout-gray-900) !important;
}

.tnb .translateDropdown .bx-globe,
.tnb .translateDropdown .bx-check,
.tnb .outloginUserMenu i {
    color: var(--color-prime) !important;
}

.tnb .translateItem:hover,
.tnb .outloginUserMenu a:hover {
    background-color: var(--layout-dropdown-hover-bg) !important;
    color: var(--color-prime) !important;
}