/* style.css */

/* 달력 셀의 높이 및 테두리 설정 */
.day-cell {
    min-height: 120px;
    border-right: 1px solid #374151; /* gray-700 */
    border-bottom: 1px solid #374151;
    position: relative;
    padding-top: 28px; /* 날짜 숫자 들어갈 공간 */
    padding-bottom: 4px;
}
.day-cell:nth-child(7n) {
    border-right: none;
}
.day-number {
    position: absolute;
    top: 6px;
    left: 8px;
    font-size: 0.875rem;
    font-weight: 500;
}

/* 요일별 날짜 색상 */
.text-red-400 { color: #f87171; }
.text-blue-400 { color: #60a5fa; }
.text-gray-500 { color: #6b7280; } /* 다른 달 날짜 */

/* ✨ 연속된 일정 바 스타일 수정 (끊김 현상 해결 및 자연스러운 연결) */
.event-bar {
    font-size: 0.75rem;
    padding: 3px 8px;
    margin: 2px 0; /* 좌우 마진을 없애서 칸끼리 딱 붙게 만듦 */
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    z-index: 5;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    transition: filter 0.2s;
    border-radius: 0; /* 기본은 네모나게 해서 중간 연결부가 자연스럽게 이어지도록 함 */
}

/* 시작일 모서리만 왼쪽 둥글게 */
.event-bar.is-start {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: 4px;
}

/* 종료일 모서리만 오른쪽 둥글게 */
.event-bar.is-end {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 4px;
}

/* 토요일 끝칸이나 일요일 시작칸 등 주(Week)가 바뀔 때 끊기는 모서리 처리 */
.event-bar.is-week-start {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: 4px;
}
.event-bar.is-week-end {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 4px;
}

/* 연속된 일정 처리용 */
.event-spacer {
    height: 24px;
    margin: 2px 4px;
}

/* 다크 테마 커스텀 스크롤바 */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #1f2937;
}
::-webkit-scrollbar-thumb {
    background: #4b5563;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}