/* styles.css */
/* 기본 폰트 설정 */
body {
    font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* 그래프 컨테이너 설정 */
.plot-container {
    width: 100% !important;
    min-height: 600px !important;
    margin: 30px auto !important;
}

/* ggplot 전체 설정 */
.ggplot2 {
    font-family: 'Noto Sans KR', sans-serif !important;
    font-size: 20px !important;
}

/* 그래프 요소별 설정 */
.plot-title {
    font-size: 24px !important;
    font-weight: bold !important;
    margin-bottom: 20px !important;
}

.axis-title {
    font-size: 20px !important;
    font-weight: 500 !important;
}

.axis-text {
    font-size: 18px !important;
}

.legend-title {
    font-size: 18px !important;
    font-weight: 500 !important;
}

.legend-text {
    font-size: 16px !important;
}

/* 차트 영역 설정 */
.chart-area {
    background-color: #ffffff !important;
    padding: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* 격자선 설정 */
.grid line {
    stroke: #e0e0e0 !important;
    stroke-width: 0.5 !important;
}

/* 데이터 테이블 설정 */
.dataTable {
    font-size: 14px !important;
    width: 100% !important;
    margin: 20px 0 !important;
}

.dataTable th {
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 12px 8px !important;
}

.dataTable td {
    font-size: 14px !important;
    padding: 10px 8px !important;
}

/* 모바일 대응 */
@media (max-width: 768px) {
    .plot-container {
        min-height: 400px !important;
    }
    
    .plot-title {
        font-size: 20px !important;
    }
    
    .axis-title {
        font-size: 16px !important;
    }
    
    .axis-text {
        font-size: 14px !important;
    }
}

/* 프린트 최적화 */
@media print {
    .plot-container {
        max-width: 100% !important;
        margin: 20px 0 !important;
    }
    
    .chart-area {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
}