/**
 * Z-Index 계층 구조 시스템
 * 
 * 체계적인 계층 구조 (낮은 수 → 높은 수):
 * 
 * 1-99:        기본 요소 (차트, 배경)
 * 100-499:     오버레이/인디케이터
 * 500-999:     사이드바/패널
 * 1000-1999:   드롭다운 메뉴/팝오버
 * 2000-2999:   모달 백드롭 (일반)
 * 3000-3999:   모달 (일반)
 * 4000-4999:   툴팁
 * 5000-5998:   알림/토스트 (일반)
 * 5999:        하단 네비게이션 바
 * 6000-6999:   상단 네비게이션 및 관련 요소
 * 7000-7999:   모달 백드롭 (네비게이션 위)
 * 8000-8999:   모달 (네비게이션 위 - 로그인, 회원가입 등)
 * 9000-9199:   알림/토스트 (모달 위)
 * 9200-9399:   팔레트
 * 9400-9599:   커스텀 알림 모달 (AppUtils.showAlert 등)
 * 9999:        최상위 오버레이
 */

/* ==================== 기본 요소 (1-99) ==================== */
.chart-container { z-index: 1; }
.chart-overlay { z-index: 10; }
.chart-resizer { z-index: 20; }
.chart-loading { z-index: 100; }

/* ==================== 오버레이/인디케이터 (100-499) ==================== */
#indicator-overlay { z-index: 100 !important; }
.indicator-overlay-item { z-index: 101; }
.prediction-overlay { z-index: 200; }
.prediction-tooltip { z-index: 201; }

/* ==================== 사이드바/패널 (500-999) ==================== */
.sidebar { z-index: 500; }
.analysis-sidebar { z-index: 600; }
.section-panel { z-index: 800; }

/* ==================== 드롭다운 메뉴/팝오버 (1000-1999) ==================== */
.dropdown-menu { z-index: 1000; }
.navbar .dropdown-menu { z-index: 1001; }
.user-dropdown-menu { z-index: 1002; }
.popover { z-index: 1100; }
.tooltip { z-index: 1200; }

/* ==================== 모달 백드롭 (2000-2999) ==================== */
/* 일반 모달 백드롭 - 네비게이션 아래 */
.modal-backdrop { z-index: 2000 !important; }
.modal-backdrop.show { z-index: 2000 !important; }
body.modal-open .modal-backdrop { z-index: 2000 !important; }

/* ==================== 모달 (3000-3999) ==================== */
/* 일반 모달 - 네비게이션 아래 */
.modal { z-index: 3000 !important; }
.modal.show { z-index: 3000 !important; }
.modal-dialog { z-index: 3001 !important; }
.modal-content { z-index: 3002 !important; }

/* 일반 모달들 */
#registerModal { z-index: 3000 !important; }
#registerModal .modal-dialog { z-index: 3001 !important; }
#registerModal .modal-content { z-index: 3002 !important; }

#deleteStrategyModal { z-index: 3000 !important; }
#deleteStrategyModal .modal-dialog { z-index: 3001 !important; }
#deleteStrategyModal .modal-content { z-index: 3002 !important; }

#bulkPrivacyModal { z-index: 3000 !important; }
#bulkPrivacyModal .modal-dialog { z-index: 3001 !important; }
#bulkPrivacyModal .modal-content { z-index: 3002 !important; }

#strategyEditModal { z-index: 3000 !important; }
#strategyEditModal .modal-dialog { z-index: 3001 !important; }
#strategyEditModal .modal-content { z-index: 3002 !important; }

#ai-analysis-modal { z-index: 3000 !important; }
#ai-analysis-modal .modal-dialog { z-index: 3001 !important; }
#ai-analysis-modal .modal-content { z-index: 3002 !important; }

/* 커스텀 모달 (AppUtils.showAlert 등) - 항상 최상위에 표시 */
.custom-modal { z-index: 9500 !important; }
#custom-modal-container { z-index: 9400 !important; position: relative; }
#custom-modal-container .modal-backdrop { z-index: 9400 !important; }

/* ==================== 툴팁 (4000-4999) ==================== */
.bs-tooltip { z-index: 4000; }
.bs-popover { z-index: 4100; }

/* ==================== 알림/토스트 (5000-5998) ==================== */
/* 일반 알림/토스트 - 일반 모달 위에 표시 */
.toast-container { z-index: 5000; }
.toast { z-index: 5001; }
.alert-notification { z-index: 5100; }
.trading-signal-notification { z-index: 5100; }

/* ==================== 알림/토스트 (모달 위) (9000-9999) ==================== */
/* 알림/토스트는 항상 모든 모달 위에 표시되어야 함 */
/* 로그인/회원가입 모달이 열려있을 때 알림/토스트는 모달 위에 표시 */
body.modal-open .toast-container,
body.modal-open .toast { 
    z-index: 9000 !important; 
}

body.modal-open .alert-notification { 
    z-index: 9100 !important; 
}

/* ==================== 하단 네비게이션 바 (5999) ==================== */
.bottom-navbar { z-index: 5999 !important; }

/* ==================== 상단 네비게이션 (6000-6999) ==================== */
.navbar { z-index: 6000 !important; }
.navbar .dropdown-menu { z-index: 6001 !important; }
.navigation-bar { z-index: 6000 !important; }

/* ==================== 모달 백드롭 (네비게이션 위) (7000-7999) ==================== */
/* 로그인/회원가입 등 네비게이션 위에 표시되는 모달의 백드롭 */
#loginModal + .modal-backdrop,
body.modal-open #loginModal + .modal-backdrop { 
    z-index: 7000 !important; 
}

#registerModal + .modal-backdrop,
body.modal-open #registerModal + .modal-backdrop { 
    z-index: 7000 !important; 
}

/* ==================== 모달 (네비게이션 위) (8000-8999) ==================== */
/* 로그인/회원가입 등 네비게이션 위에 표시되는 모달 */
#loginModal { z-index: 8000 !important; }
#loginModal .modal-dialog { z-index: 8001 !important; }
#loginModal .modal-content { z-index: 8002 !important; }

#registerModal { z-index: 8000 !important; }
#registerModal .modal-dialog { z-index: 8001 !important; }
#registerModal .modal-content { z-index: 8002 !important; }

/* ==================== 팔레트 및 최상위 UI (9200-9999) ==================== */
/* 팔레트는 알림보다 위에 표시되어야 함 */
.palette-window { z-index: 9200 !important; }

/* 특수 최상위 요소 */
.overlay-max { z-index: 9999 !important; }