/* Gantt Chart 커스텀 스타일 */

/* 부모 작업 (큰 항목) 스타일 */
.gantt_task_line.parent-task {
    background-color: #FF6B6B !important;
    border-color: #FF5252 !important;
}

.gantt_task_line.parent-task .gantt_task_progress {
    background-color: #FF5252 !important;
}

/* 부모 작업 호버 효과 */
.gantt_task_line.parent-task:hover {
    background-color: #FF5252 !important;
    border-color: #FF3838 !important;
}

/* 부모 작업의 진행률 표시 색상 */
.gantt_task_line.parent-task .gantt_task_progress_drag {
    background-color: #FF3838 !important;
}

/* 월 구분선 스타일 */
.gantt_scale_line {
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece !important;
}

/* 주 구분선이 월 경계와 일치하도록 */
.gantt_scale_cell {
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf !important;
}

/* 스케일 행 간 구분선 - 월과 주 사이 */
.gantt_scale_line:nth-child(1) {
    border-bottom: 1px solid #cecece !important;
}

.gantt_scale_line:nth-child(2) {
    border-bottom: 1px solid #cecece !important;
}

/* 각 스케일 행 높이 설정 */
.gantt_scale_line {
    height: 50px !important;
    line-height: 50px !important;
}

/* 전체 스케일 컨테이너에 테두리 추가 */
.gantt_task_scale {
    border-bottom: 1px solid #cecece !important;
}

/* 칸 경계 */
.gantt_scale_cell.column-boundary {
    border-right: 1px solid #999 !important;
}

/* 월 경계 강조 */
.gantt_scale_cell.month-boundary {
    border-right: 2px solid #333 !important;
}

/* 날짜별 칸 숨기기 - 주 단위로만 보이도록 */
.gantt_task_scale {
    display: flex;
}

.gantt_scale_cell {
    flex: 1;
}

/* 빈 작업 숨기기 */
.gantt_task_line.empty-task {
    display: none !important;
}

.gantt_task_line.empty-task .gantt_task_content {
    display: none !important;
}

/* 마일스톤 작업 스타일 (검정색 원) */
.gantt_task_line.milestone-task {
    background-color: #000000 !important;
    border: 2px solid #000000 !important;
    border-radius: 50% !important;
    width: 12px !important;
    height: 12px !important;
    margin-top: 7px !important;
}

.gantt_task_line.milestone-task .gantt_task_content {
    display: none !important;
}

.gantt_task_line.milestone-task .gantt_task_progress {
    display: none !important;
}

/* 마일스톤 텍스트 스타일 */
.gantt_task_line.milestone-task .gantt_task_content {
    display: block !important;
    position: absolute;
    left: 25px;
    top: 10px;
    font-size: 10px;
    color: #000;
    font-weight: bold;
    z-index: 100;
    background-color: white;
    padding: 0 2px;
}



/* ID 3번 "데이터 분석" 작업의 8월 1일 위치에 빨간색 원 추가 */
.gantt_row[data-task-id="3"] .gantt_task_row::after {
    content: "";
    position: absolute;
    background-color: #FF0000;          /* 원의 배경색: 빨간색 */
    border: 2px solid #FF0000;          /* 원의 테두리: 빨간색 */
    border-radius: 50%;                 /* 원형 모양 만들기 */
    width: 12px;                        /* 원의 너비: 12px */
    height: 12px;                       /* 원의 높이: 12px */
    top: 7px;                           /* 상단 여백: 7px */
    left: calc(16.8px * 3);             /* 8월 1일 위치 (5월부터 3개월 후) */
    z-index: 1000;
    pointer-events: none;
}

/* 원 표식이 있는 모든 작업의 텍스트 숨기기 */
.gantt_task_row[task_id="2"] .gantt_task_text,
.gantt_task_row[task_id="3"] .gantt_task_text {
    display: none !important;
}

.gantt_task_row[task_id="2"] .gantt_task_content,
.gantt_task_row[task_id="3"] .gantt_task_content {
    display: none !important;
}

/* 원 표식 주변의 모든 텍스트 요소 숨기기 */
.gantt_task_row[task_id="2"] .gantt_task_line,
.gantt_task_row[task_id="3"] .gantt_task_line {
    background: none !important;
    border: none !important;
}

.gantt_task_row[task_id="2"] .gantt_task_progress,
.gantt_task_row[task_id="3"] .gantt_task_progress {
    display: none !important;
}

/* ID 2번 "데이터 수집" 작업의 8월 1일 위치에 검정색 원 추가 */
.gantt_row[data-task-id="2"] .gantt_task_row::after {
    content: "";
    position: absolute;
    background-color: #000000;
    border: 2px solid #000000;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    top: 7px;
    left: calc(16.8px * 3);  /* 8월 1일 위치 (5월부터 3번째 월) */
    z-index: 1000;
}


/* 숨김 작업 - 데이터 수집 제외한 모든 자식 항목과 회의 */
.gantt_task_line.hidden-task {
    display: none !important;
}

.gantt_task_line.hidden-task .gantt_task_content {
    display: none !important;
}

.gantt_task_line.hidden-task .gantt_task_progress {
    display: none !important;
}