/* =====================================================
   센터 미선택 상태 UI 제어
   ForNurse Medical Center - Version 5.3.7
   
   센터 선택 전에는 환자/입원 관련 UI를 모두 숨김
   ===================================================== */

/* ========== 센터 미선택 시 숨김 처리 ========== */

/* 입원 타임라인 토글 버튼 숨김 */
body.no-center-selected .timeline-toggle-btn {
    display: none !important;
}

/* 입원 타임라인 네비게이터 숨김 */
body.no-center-selected .timeline-navigator {
    display: none !important;
}

/* 좌측 사이드바 메뉴 숨김 */
body.no-center-selected .menu-tree {
    display: none;
}

/* 사이드바 안내 메시지 표시 */
body.no-center-selected .emr-sidebar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

body.no-center-selected .emr-sidebar::after {
    content: '';
    display: block;
    width: 200px;
    padding: 32px 24px;
    text-align: center;
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    color: #6c757d;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
}

body.no-center-selected .emr-sidebar::after {
    content: '← 센터를 먼저 선택하세요';
}

/* 환자 배너 - 센터 선택 안내만 표시 */
body.no-center-selected .patient-banner {
    display: flex;
    align-items: center;
    justify-content: center;
}

body.no-center-selected .patient-banner .patient-name,
body.no-center-selected .patient-banner .patient-id,
body.no-center-selected .patient-banner .patient-diagnosis {
    display: none;
}

/* 센터 컨텍스트 바 - 회색으로 표시 */
body.no-center-selected .center-context-bar {
    background: #e9ecef;
}

/* 메인 콘텐츠 영역 흐림 처리 */
body.no-center-selected .emr-container {
    opacity: 0.3;
    pointer-events: none;
}

/* ========== 센터 선택 후 표시 ========== */

/* 타임라인 토글 버튼 표시 */
body.stroke-center .timeline-toggle-btn,
body.trauma-center .timeline-toggle-btn,
body.cardio-center .timeline-toggle-btn,
body.spine-center .timeline-toggle-btn,
body.respiratory-center .timeline-toggle-btn,
body.cancer-center .timeline-toggle-btn {
    display: flex;
}

/* 타임라인 네비게이터 표시 (collapsed 상태 제외) */
body.stroke-center .timeline-navigator:not(.collapsed),
body.trauma-center .timeline-navigator:not(.collapsed),
body.cardio-center .timeline-navigator:not(.collapsed),
body.spine-center .timeline-navigator:not(.collapsed),
body.respiratory-center .timeline-navigator:not(.collapsed),
body.cancer-center .timeline-navigator:not(.collapsed) {
    display: block;
}

/* 좌측 메뉴 표시 */
body.stroke-center .menu-tree,
body.trauma-center .menu-tree,
body.cardio-center .menu-tree,
body.spine-center .menu-tree,
body.respiratory-center .menu-tree,
body.cancer-center .menu-tree {
    display: block;
}

/* 사이드바 안내 메시지 숨김 */
body.stroke-center .emr-sidebar::after,
body.trauma-center .emr-sidebar::after,
body.cardio-center .emr-sidebar::after,
body.spine-center .emr-sidebar::after,
body.respiratory-center .emr-sidebar::after,
body.cancer-center .emr-sidebar::after {
    display: none;
}

/* 환자 배너 정상 표시 */
body.stroke-center .patient-banner,
body.trauma-center .patient-banner,
body.cardio-center .patient-banner,
body.spine-center .patient-banner,
body.respiratory-center .patient-banner,
body.cancer-center .patient-banner {
    display: flex;
}

body.stroke-center .patient-banner .patient-name,
body.trauma-center .patient-banner .patient-name,
body.cardio-center .patient-banner .patient-name,
body.spine-center .patient-banner .patient-name,
body.respiratory-center .patient-banner .patient-name,
body.cancer-center .patient-banner .patient-name,
body.stroke-center .patient-banner .patient-id,
body.trauma-center .patient-banner .patient-id,
body.cardio-center .patient-banner .patient-id,
body.spine-center .patient-banner .patient-id,
body.respiratory-center .patient-banner .patient-id,
body.cancer-center .patient-banner .patient-id,
body.stroke-center .patient-banner .patient-diagnosis,
body.trauma-center .patient-banner .patient-diagnosis,
body.cardio-center .patient-banner .patient-diagnosis,
body.spine-center .patient-banner .patient-diagnosis,
body.respiratory-center .patient-banner .patient-diagnosis,
body.cancer-center .patient-banner .patient-diagnosis {
    display: inline-block;
}

/* 메인 콘텐츠 활성화 */
body.stroke-center .emr-container,
body.trauma-center .emr-container,
body.cardio-center .emr-container,
body.spine-center .emr-container,
body.respiratory-center .emr-container,
body.cancer-center .emr-container {
    opacity: 1;
    pointer-events: auto;
}

/* ========== 센터 선택 안내 화면 제어 ========== */

/* 센터 미선택 시 안내 화면 표시 */
body.no-center-selected .center-selection-landing {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* 센터 선택 후 안내 화면 숨김 */
body.stroke-center .center-selection-landing,
body.trauma-center .center-selection-landing,
body.cardio-center .center-selection-landing,
body.spine-center .center-selection-landing,
body.respiratory-center .center-selection-landing,
body.cancer-center .center-selection-landing {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* ========== 반응형 조정 ========== */

/* 타임라인이 표시될 때 콘텐츠 영역 조정 */
body:not(.no-center-selected) .content-area {
    transition: margin-top 0.3s ease;
}

/* 타임라인 펼쳐진 상태 */
body:not(.no-center-selected) .timeline-navigator:not(.collapsed) ~ .emr-container .content-area {
    margin-top: 120px; /* 타임라인 높이만큼 여백 */
}

/* 타임라인 접힌 상태 */
body:not(.no-center-selected) .timeline-navigator.collapsed ~ .emr-container .content-area {
    margin-top: 0;
}

/* ========== EMR 컨텍스트 흐름 시각화 ========== */

/* 센터 미선택 → 센터 선택 → 환자 선택 → 입원/기록 조회 */
/* 각 단계별로 UI가 점진적으로 활성화됨 */

/* STEP 1: 센터 미선택 - 안내 화면만 표시 */
body.no-center-selected {
    /* 모든 기능 비활성화 */
}

/* STEP 2: 센터 선택 - 병동 대시보드 표시 */
body.stroke-center,
body.trauma-center,
body.cardio-center,
body.spine-center,
body.respiratory-center,
body.cancer-center {
    /* 센터별 기능 활성화 */
}

/* STEP 3: 환자 선택 - 환자 차트 표시 */
/* (환자 선택 로직은 JavaScript에서 처리) */

/* STEP 4: 입원/기록 조회 - 타임라인 및 상세 기록 표시 */
/* (타임라인 토글은 사용자 선택에 따라 표시/숨김) */

/* =====================================================
   EMR 표준 컨텍스트 흐름 요약
   ===================================================== */
/*
   ✅ 센터 미선택: 안내 화면만 표시, 모든 기능 숨김
   ✅ 센터 선택: 병동 대시보드, 좌측 메뉴, 환자 목록 활성화
   ✅ 환자 선택: 환자 배너 업데이트, 차트 데이터 로드
   ✅ 타임라인: 사용자가 토글 버튼으로 표시/숨김 제어
   ✅ 실제 EMR과 동일한 단계별 진입 플로우
*/