/* Flatpickr Dark Mode - No Shadow & 3-Column Layout */
.flatpickr-calendar {
    background: #22252a; /* colors.dark */
    border-radius: 16px;
    box-shadow: none; /* 그림자 제거 */
    border: 1px solid #D8D8D8; /* colors.form-border */
    font-family: 'NotoSansKR', sans-serif;
    padding: 12px;
    width: 300px; /* 고정 너비 */
    color: #FFFFFF;
    box-sizing: border-box;
}

/* 상단 화살표 제거 */
.flatpickr-calendar::before,
.flatpickr-calendar::after {
    display: none;
} 

/* 상단 헤더 영역 */
.flatpickr-month {
    background: transparent;
    color: #FFFFFF!important;
    fill: #FFFFFF!important;
    height: 46px;
}

.flatpickr-current-month {
    padding-top: 0;
    font-size: 1.125rem; /* fontSize.lg */
    font-weight: 700;
}

/* 월 선택 컨테이너 레이아웃 수정 */
.flatpickr-monthSelect-months {
    margin: 8px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

/* 개별 월 스타일 - 한 줄에 3개(33%) 배치 */
.flatpickr-monthSelect-month {
    flex: 0 0 33%; /* 3개가 한 줄에 들어가도록 너비 조절 */
    border-radius: 10px;
    transition: all 0.2s ease;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: .5px 0!important; /* 좌우 여백 조절 */
    color: #6B7280!important; /* colors.subtext */
    font-size: 1rem; /* fontSize.xs */
    box-shadow: none; /* 내부 그림자 제거 */
}

.flatpickr-monthSelect-month.today {
 border: 0;
 color: #09E1C0!important;    
}

/* Hover 상태 */
.flatpickr-monthSelect-month:hover {
    background: #F3F4F6!important; /* colors.widget-light */
    color: #22252a!important;
}

/* 선택된 월 스타일 */
.flatpickr-monthSelect-month.selected {
    background: #09E1C0!important; /* colors.primary */
    color: #043D3F!important; /* colors.primary-text */
    font-weight: 700;
}
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected, .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange, .flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange {
    background: #09E1C0!important; /* colors.primary */
    color: #043D3F!important; /* colors.primary-text */
    font-weight: 700;
    border: none!important;
}

.flatpickr-monthSelect-month.startRange {
    border-radius: 10px 0 0 10px!important;
}
.flatpickr-monthSelect-month.endRange {
    border-radius: 0 10px 10px 0!important;
}

.flatpickr-monthSelect-month.selected:hover {
    background: #09E1C0!important;
}

/* 범위 선택 (Range) 스타일 */
.flatpickr-monthSelect-month.inRange {
    background: rgba(9, 225, 192, 0.2)!important; /* colors.primary-alpha */
    color: #09E1C0!important;
    border-radius: 0;
    border: none!important;
    box-shadow: none!important;
}

/* 이전/다음 버튼 */
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    padding: 10px;
    color: #FFFFFF;
    position: static!important;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #09E1C0;
}

.flatpickr-months {
    align-items: center;
}