/* =============================================
   🎨 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. FONTS - 외부 폰트 (토큰보다 먼저 로드) */
/* 기존 Pretendard CDN */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

/* 🆕 통합 웹폰트 로더 (나눔스퀘어 Neo 포함) */
@import url('./core/fonts/webfonts/font-loader.css');

/* 3. TOKENS - 디자인 토큰 시스템 (모든 변수가 여기에) */
@import url('./tokens/colors.css');
@import url('./tokens/semantic.css');
@import url('./tokens/typography.css');
@import url('./tokens/effects.css');

/* 4. GLOBAL STYLES - 전역 스타일 */
@import url('./globals.css');

/* 5. CORE - 핵심 시스템 */
@import url('./core/fonts/icons/fontawesome.css');
@import url('./core/fonts/icons/simple-line-icons.css');
@import url('./core/fonts/icons/flaticon.css');
@import url('./core/themes/header-component-setting.css');
@import url('./core/themes/screenshot-compatibility.css');
@import url('./core/themes/inline-custom-theme.css');
@import url('./core/themes/card-border-radius-fix.css');


/* 6. COMPONENTS - 전역 재사용 컴포넌트 */
@import url('./components/alert-stats.css');
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/forms.css');
@import url('./components/flip-cards.css');
@import url('./components/toast-notification.css');

/* 7. LAYOUT - 레이아웃 컴포넌트 */
/* (No layout-specific files currently) */

/* 8. FEATURES - 페이지/기능별 스타일 */
/* 7a. Search Feature */
@import url('./features/search/search-form.css');
@import url('./features/search/chain-selector.css');
@import url('./features/search/search-history.css');

/* 7b. Authentication */
@import url('./features/auth/login-register.css');
/* 7c. Dashboard */
@import url('./features/dashboard/chart-layout.css');
@import url('./features/dashboard/counterparty.css');
@import url('./features/dashboard/risk-score.css');
@import url('./features/dashboard/platform-stats.css');
@import url('./features/dashboard/platform-interactions.css');

/* 7d. Alerts */
@import url('./features/alerts/alerts-page.css');

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

/* 7f. Workspace & Monitoring */
@import url('./features/workspace/workspace.css');
@import url('./features/monitoring/monitorings.css');
@import url('./features/monitoring/monitoring-alerts.css');

/* 7g. Integrations */
@import url('./features/integrations/openapi.css');

/* 9. EFFECTS - 시각적 효과 */
@import url('./effects/animations.css');
@import url('./effects/loading.css');
/* @import url('./effects/watermark.css'); */ /* 비활성화 */

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

/* =============================================
   ✅ 개선된 모듈 구조 로딩 완료 (v4.0)
   ============================================= */

:root {
    /* 구조 버전 업데이트 */
    --css-structure-version: 4.0;
    --css-modules-loaded: true;
}

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

/* =============================================
   📝 개선된 구조 가이드
   ============================================= */

/*
 * 🎯 CSS 구조 철학 (v4.0):
 *
 * 1. 계층 구조 (위에서 아래로):
 *    tokens/     → 디자인 토큰 (colors.css)
 *    core/       → 핵심 시스템 (base, fonts, typography, themes)
 *    components/ → 전역 재사용 컴포넌트 (buttons, cards, forms, ...)
 *    layout/     → 레이아웃 컴포넌트 (chain-selector, responsive)
 *    features/   → 페이지/기능별 스타일 (dashboard, alerts, auth, ...)
 *    effects/    → 시각적 효과 (animations, loading, watermark)
 *
 * 2. 명명 규칙:
 *    - alert-stats.css     : 통계 카드 컴포넌트 (전역)
 *    - alerts-page.css     : Alerts 페이지 전용
 *    - chain-selector.css  : 레이아웃 컴포넌트
 *
 * 3. 파일 위치 결정:
 *    - 전역 사용? → components/
 *    - 특정 페이지? → features/[페이지명]/
 *    - 레이아웃? → layout/
 *    - 효과? → effects/
 *
 * 4. 주요 개선 사항 (v2.0 → v3.0):
 *    ✅ dashboard/ 디렉토리 제거 (혼란 제거)
 *    ✅ components/ 통합 (전역 컴포넌트 한 곳에)
 *    ✅ features/dashboard/ 생성 (Dashboard 페이지 전용)
 *    ✅ effects/ 최상위로 (전역 효과 명확화)
 *    ✅ 일관된 명명 규칙 (alert-stats vs alerts-page)
 *
 * 5. 최신 개선 사항 (v3.0 → v4.0):
 *    ✅ features/search/ 생성 (검색 기능 통합)
 *      - search-form.css (헤더 검색 폼)
 *      - chain-selector.css (체인 선택 드롭다운)
 *      - search-history.css (검색 이력 관리)
 *    ✅ features/auth/ 추가 (인증 페이지 스타일)
 *    ✅ 기능별 그룹화 개선 (관련 CSS 파일을 기능 단위로 통합)
 */