/* =============================================
   🎨 ONCLEV DASHBOARD - MAIN CSS INTEGRATION
   ============================================= */

/* 
 * 새로운 모듈화된 CSS 구조의 통합 진입점
 * 로딩 순서가 중요하므로 순서를 변경하지 마세요.
 */

/* 1. VENDOR - 외부 라이브러리 (Foundation) */
@import url('./vendor/bootstrap.min.css');
@import url('./vendor/atlantis-typography.css');
@import url('./vendor/atlantis-page.css');

@import url('./vendor/atlantis-layout.css');
@import url('./vendor/atlantis-mail.css');

@import url('./vendor/atlantis-avatar.css');
@import url('./vendor/atlantis-breadcrumbs.css');
@import url('./vendor/atlantis-card.css');
@import url('./vendor/atlantis-form.css');
@import url('./vendor/atlantis-checkbox.css');
@import url('./vendor/atlantis-label.css');
@import url('./vendor/atlantis-input.css');
@import url('./vendor/atlantis-table.css');
@import url('./vendor/atlantis-nav.css');
@import url('./vendor/atlantis-badge.css');
@import url('./vendor/atlantis-dropdown.css');
@import url('./vendor/atlantis-chart.css');
@import url('./vendor/atlantis-alert.css');
@import url('./vendor/atlantis-btn.css');
@import url('./vendor/atlantis-popover.css');
@import url('./vendor/atlantis-progress.css');
@import url('./vendor/atlantis-pagination.css');
@import url('./vendor/atlantis-slider.css');
@import url('./vendor/atlantis-modal.css');
@import url('./vendor/atlantis-map.css');
@import url('./vendor/atlantis-jquery-ui.css');
@import url('./vendor/atlantis-jquery-scrollbar.css');
@import url('./vendor/atlantis-animation.css');
@import url('./vendor/atlantis-datatable.css');


/* 2. TOKENS - 디자인 토큰 시스템 (우선순위 최상위) */
@import url('./tokens/colors.css');

/* 3. CORE - 핵심 시스템 */
@import url('./core/base.css');
@import url('./core/fonts/fonts.css');
@import url('./core/typography/typography.css');


/* 4. COMPONENTS - 공통 컴포넌트 */
@import url('./dashboard/components/cards.css');

@import url('./dashboard/components/buttons.css');
@import url('./dashboard/components/forms.css');
@import url('./dashboard/components/flip-cards.css');
@import url('./dashboard/components/alerts.css');
@import url('./dashboard/components/toast-notification.css');

/* 5. FEATURES - 기능별 모듈 */
/* 5a. Dashboard Core */
@import url('./dashboard/modules/chart-layout.css');
@import url('./dashboard/modules/counterparty.css');
@import url('./dashboard/modules/network-graph.css');
@import url('./dashboard/modules/risk-score.css');
@import url('./dashboard/modules/platform-stats.css');
@import url('./dashboard/modules/platform-interactions.css');

/* 5b. Reports */
@import url('./features/reports/aml-reports.css');
@import url('./features/reports/aml-comprehensive-report.css');
@import url('./features/reports/str-summary.css');

/* 5c. Authentication */
@import url('./features/auth/login-register.css');

/* 5d. Workspace & Monitoring */
@import url('./features/workspace/workspace.css');
@import url('./features/monitoring/monitorings.css');

/* 5e. Integrations */
@import url('./features/integrations/openapi.css');
@import url('./features/integrations/data-persistence.css');

/* 6. EFFECTS - 시각적 효과 */
@import url('./dashboard/effects/animations.css');
@import url('./dashboard/effects/loading.css');

/* 7. RESPONSIVE - 반응형 스타일 (마지막) */
@import url('./layout/responsive/tablet.css');
@import url('./layout/responsive/mobile.css');
@import url('./layout/responsive/utilities.css');

/* =============================================
   ✅ 새로운 모듈 구조 로딩 완료
   ============================================= */

:root {
    /* 새로운 구조 완료 표시 */
    --css-structure-version: 2.0;
    --css-modules-loaded: true;
}

/* 새로운 구조 성공 로그 (개발용) */
@media screen {
    body::after {
        content: "New CSS Structure v2.0 Loaded Successfully";
        position: fixed;
        top: -9999px;
        left: -9999px;
        font-size: 0;
        opacity: 0;
        pointer-events: none;
    }
}

/* =============================================
   📝 새로운 구조 사용법 안내
   ============================================= */

/*
 * 🔧 새로운 CSS 구조 사용법:
 * 
 * 1. HTML에서 이 파일 로드:
 *    <link rel="stylesheet" href="css/main.css">
 * 
 * 2. 기능별 파일 수정:
 *    - features/auth/login-register.css : 인증 관련
 *    - features/reports/aml-reports.css : 리포트 관련
 *    - features/workspace/workspace.css : 워크스페이스
 *    - features/monitoring/monitorings.css : 모니터링
 * 
 * 3. 테마 수정:
 *    - core/themes/theme.css : 기본 테마
 *    - core/themes/theme-setting.css : 다크 테마
 * 
 * 4. 구조 장점:
 *    ✅ 기능별 명확한 분리
 *    ✅ 도메인 기반 파일 구조
 *    ✅ 확장성과 유지보수성 향상
 *    ✅ 테마 시스템 중앙화
 */