/* =============================================
   📸 CHROME SCREENSHOT COMPATIBILITY FIX
   ============================================= */

/*
 * Chrome DevTools의 full-size screenshot은 페이지 전체 높이를 인식하기 위해
 * 컨테이너 높이가 내용에 맞게 확장되어야 합니다.
 *
 * 문제: .wrapper와 body의 고정 높이(100vh)가 Chrome이 실제 콘텐츠 높이를
 *      인식하지 못하게 하여 뷰포트 크기로만 스크린샷을 캡처함
 *
 * 해결: 모든 높이 제한을 제거하여 전체 페이지 캡처 가능
 */

/* 강제로 모든 높이 제한 제거 - 최우선순위 */
html {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
}

body {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
}

.wrapper {
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
}

/* Chrome 개발자 도구 스크린샷 모드 감지 */
@media print,
       (min-device-width: 0) and (max-device-width: 0) {
    .wrapper {
        height: auto !important;
        min-height: auto !important;
    }

    html, body {
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
    }
}

/* 스크린샷용 CSS 클래스 - JavaScript에서 동적으로 적용 가능 */
.screenshot-mode .wrapper {
    height: auto !important;
    min-height: auto !important;
}

.screenshot-mode html,
.screenshot-mode body {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
}

/* 일반적인 전체 페이지 인쇄 지원 */
@media print {
    .wrapper {
        height: auto !important;
        min-height: auto !important;
        position: static !important;
    }

    .main-header {
        position: static !important;
    }

    .sidebar {
        display: none !important;
    }

    .main-panel {
        margin-left: 0 !important;
        width: 100% !important;
    }
}

/* 백업용 높이 제한 해제 - JavaScript 대안 */
.full-height-override .wrapper {
    height: auto !important;
    min-height: 100vh !important;
}

.full-height-override html,
.full-height-override body {
    height: auto !important;
    min-height: 100vh !important;
}