/* 1. 테이블 헤더 고정 및 배경색 유지 */
.sticky-th {
    position: sticky;
    top: 0;
    z-index: 20;
    background-color: #1e293b;
}

.sticky-th th {
    box-shadow: inset 0 -1px 0 #334155;
    white-space: nowrap; /* 모바일에서 제목 줄바꿈 방지 */
}

/* 2. 가로 스크롤 컨테이너 설정 */
.overflow-x-auto {
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: auto;
    
    /* [핵심] 모바일에서 경계선 너머로 드래그(바운스) 되는 것을 막음 */
    overscroll-behavior: none; 
    
    /* iOS에서 스크롤을 부드럽게 만듦 */
    -webkit-overflow-scrolling: touch; 
    /* 안드로이드/크롬 계열 부드러운 스크롤 체감 향상 */
    scroll-behavior: smooth; 
}

/* 3. 테이블 본문 설정 (테두리 겹침 방지) */
table {
    border-collapse: separate;
    border-spacing: 0;
}