@charset "utf-8";
/* CSS Document */
/* 1. 아이콘 컨테이너 위치 지정 (오른쪽 끝에 고정) */
.wrapper-sticky table th.sortable {
    position: relative; /* 자식 요소(아이콘)의 absolute 기준점 */
}

.wrapper-sticky table th.sortable .sort-icon {
    position: absolute;
    right: 8px; /* 오른쪽 끝 패딩 조정 */
    top: 50%; 
    transform: translateY(-50%); /* 수직 중앙 정렬 */
    z-index: 21; /* Sticky 헤더 위에 확실히 표시 */
}

/* 2. 정렬 아이콘 스타일 (토글 시 색상 변경) */
/* 오름차순(Ascending) 아이콘: ▲ */
.wrapper-sticky table th.sortable.sorted-asc .sort-icon::after {
    content: '▲'; 
    display: inline-block;
    color: white !important; /* Sticky Header 배경색(lightslategray)과 대비 */
    font-weight: bold !important; 
}

/* 내림차순(Descending) 아이콘: ▼ */
.wrapper-sticky table th.sortable.sorted-desc .sort-icon::after {
    content: '▼'; 
    display: inline-block;
    color: white !important; /* 배경색과 대비 */
    font-weight: bold !important;
}