/* =====================================================
   센터별 테마 (EMR 표준 - 최소화)
   ForNurse Medical Center - Version 5.3.7
   
   설계 원칙:
   - 헤더 배경: 시스템 블루 고정
   - 타임라인: 시스템 블루 고정
   - 센터 Accent: 타임라인 활성 날짜 점에만 적용
   - 메뉴 스타일: center-accent-system.css에서 관리
   ===================================================== */

/* 센터 선택 버튼 스타일 (헤더용 - 사용 안함) */
.center-selector {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.center-btn {
    padding: 8px 16px;
    border: 2px solid #fff;
    background: transparent;
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.center-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

.center-btn.active {
    background: #fff;
    color: #0066cc;
    font-weight: 600;
}

.center-btn i {
    font-size: 16px;
}

/* =====================================================
   타임라인 활성 날짜 점 - 센터별 Accent
   (유일하게 센터 컬러를 시각적으로 표현하는 영역)
   ===================================================== */

/* 뇌신경센터 */
body.stroke-center .timeline-day.active .day-dot {
    border-color: #6B8CAE; /* --accent-stroke */
    background: #6B8CAE;
    box-shadow: 0 0 0 4px rgba(107, 140, 174, 0.2);
}

body.stroke-center .timeline-day:hover:not(.active) .day-dot {
    border-color: #6B8CAE;
}

/* 외상센터 */
body.trauma-center .timeline-day.active .day-dot {
    border-color: #8B5555; /* --accent-trauma */
    background: #8B5555;
    box-shadow: 0 0 0 4px rgba(139, 85, 85, 0.2);
}

body.trauma-center .timeline-day:hover:not(.active) .day-dot {
    border-color: #8B5555;
}

/* 척추관절센터 */
body.spine-center .timeline-day.active .day-dot {
    border-color: #7A9B7E; /* --accent-spine */
    background: #7A9B7E;
    box-shadow: 0 0 0 4px rgba(122, 155, 126, 0.2);
}

body.spine-center .timeline-day:hover:not(.active) .day-dot {
    border-color: #7A9B7E;
}

/* 암센터 */
body.cancer-center .timeline-day.active .day-dot {
    border-color: #6B8B8B; /* --accent-cancer */
    background: #6B8B8B;
    box-shadow: 0 0 0 4px rgba(107, 139, 139, 0.2);
}

body.cancer-center .timeline-day:hover:not(.active) .day-dot {
    border-color: #6B8B8B;
}

/* 심혈관센터 */
body.cardio-center .timeline-day.active .day-dot {
    border-color: #9B6B7E; /* --accent-cardio */
    background: #9B6B7E;
    box-shadow: 0 0 0 4px rgba(155, 107, 126, 0.2);
}

body.cardio-center .timeline-day:hover:not(.active) .day-dot {
    border-color: #9B6B7E;
}

/* 호흡기센터 */
body.respiratory-center .timeline-day.active .day-dot {
    border-color: #6B8B9B; /* --accent-respiratory */
    background: #6B8B9B;
    box-shadow: 0 0 0 4px rgba(107, 139, 155, 0.2);
}

body.respiratory-center .timeline-day:hover:not(.active) .day-dot {
    border-color: #6B8B9B;
}

/* =====================================================
   모든 센터 공통 스타일
   (센터 컬러 사용 없음 - 시스템 블루 고정)
   ===================================================== */

/* 타임라인 네비게이터 - 시스템 블루 고정 */
.timeline-navigator {
    border-bottom-color: #0066cc; /* 시스템 블루 */
}

/* 타임라인 토글 버튼 - 시스템 블루 고정 */
.timeline-toggle-btn {
    background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%);
}

.timeline-toggle-btn:hover {
    background: linear-gradient(135deg, #0052a3 0%, #004080 100%);
}

/* 사이드바 - 화이트 배경 고정 */
.emr-sidebar {
    background: #ffffff;
    border-right: 1px solid #dee2e6; /* 중립 회색 */
}

/* 사이드바 헤더 - 중립 배경 */
.sidebar-header {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.sidebar-header h3 {
    color: #212529; /* 중립 텍스트 */
}

/* =====================================================
   메뉴 스타일은 center-accent-system.css에서 관리
   ===================================================== */
/* .menu-item, .menu-item:hover, .menu-item.active 등은 
   center-accent-system.css에서 센터별로 정의됨 */

/* =====================================================
   EMR 표준 준수 요약
   ===================================================== */
/*
   ✅ 시스템 블루 고정: 헤더, 타임라인, 버튼
   ✅ 센터 Accent 최소화: 타임라인 활성 점에만 적용
   ✅ 배경색 중립: 사이드바, 콘텐츠 모두 화이트/연회색
   ✅ 메뉴 스타일: center-accent-system.css에서 중앙 관리
   ✅ 실제 EMR과 동일한 안정적 컬러 조화
*/