/* 예전 블루 테마 컬러 변수 정의 */
:root {
    --dgmc-main: #2563eb;    /* 기존 blue-600 */
    --dgmc-point: #3b82f6;   /* 기존 blue-500 (등록 버튼 등) */
    --dgmc-dark: #1e293b;    /* 슬레이트 다크 (텍스트용) */
    --dgmc-bg: #f8fafc;      /* 배경 연회색 */
    --dgmc-light-blue: #eff6ff; /* blue-50 (배경 포인트용) */
}

/* 전역 스타일 */
body {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
    background-color: var(--dgmc-bg);
    color: #334155;
}

/* [사이드바 & 헤더] */
.sidebar-title { color: var(--dgmc-main); }
.sidebar-icon { color: var(--dgmc-point); }
/* 활성화된 부서 하이라이트 */
.dept-active { 
    background-color: var(--dgmc-light-blue); 
    color: var(--dgmc-main); 
}

/* [직원 카드] */
.employee-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid #f1f5f9;
    background-color: white;
}
.employee-card:hover {
    border-color: #bfdbfe; /* blue-200 */
    box-shadow: 0 20px 25px -5px rgba(59, 130, 246, 0.05);
    transform: translateY(-2px);
}
.ext-number { color: var(--dgmc-main); }
/* 직함 배지 - 기존의 연한 블루 톤 */
.pos-badge { 
    background-color: var(--dgmc-light-blue); 
    color: var(--dgmc-point); 
}

/* [버튼 스타일] */
.btn-main {
    background-color: var(--dgmc-main);
    color: white;
    transition: all 0.2s;
}
.btn-main:hover { background-color: #1d4ed8; } /* blue-700 */

.btn-point {
    background-color: var(--dgmc-point);
    color: white;
    transition: transform 0.1s;
}
.btn-point:active { transform: scale(0.95); }

/* [애니메이션: 아코디언 & 드래그] */
.accordion-content { 
    max-height: 0; 
    overflow: hidden; 
    transition: max-height 0.3s ease-out; 
}
.accordion-content.active { max-height: 1000px; }

.drag-ghost { 
    opacity: 0.5; 
    background: var(--dgmc-light-blue) !important; 
    border: 2px dashed var(--dgmc-point) !important; 
}

/* [로그인 페이지 전역 배경] */
.login-container {
    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
}

/* 로고 영역 스타일 */
.sidebar-logo-container {
    display: flex;
    align-items: center;
    padding: 1.5rem; /* p-6에 해당 */
}

.sidebar-logo-container img {
    max-height: 40px; /* 로고 높이를 적절히 조절하세요 */
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.05)); /* 살짝 입체감 부여 */
}

/* 모든 입력 요소의 폰트를 시스템 폰트(또는 프로젝트 메인 폰트)로 통일 */
input, select, textarea, button {
    font-family: inherit !important; /* 부모(body)의 폰트를 강제로 상속 */
    font-feature-settings: "cv11";   /* 필요시 숫자 가독성 옵션 */
}

/* 드롭다운 내부 옵션들도 폰트 일관성 유지 */
select option {
    font-family: inherit !important;
}