/* ============================================================================
   ds-grid-scroll — Tabulator 그리드 스크롤바 표준 (OS 공용)
   ----------------------------------------------------------------------------
   왜 필요한가:
     전역 properties_grid.css 가 .tabulator-tableholder 의 스크롤바를 시각적으로
     숨긴다(overflow:auto 는 유지 → 기능은 살아있고 "보이지만 않는" 상태).
     화면마다 각자 되살리다 보니 어떤 화면은 가로만, 어떤 화면은 아예 없다.
     원우회 실측: 가로바를 살리면서 세로바를 width:0 으로 죽여놔서
     표시 200건일 때 세로 스크롤을 잡을 수 없었다.

   실측으로 얻은 규칙 (상가2 우패널 3차 + 원우회):
     scrollbar-width 는 반드시 auto 여야 한다.
     thin/none 이면 표준 스펙상 ::-webkit-scrollbar 커스터마이징이 통째로 무효화된다.
     (thin → 세로바까지 되살아나고, none → 가로바까지 죽는다)

   쓰는 법:
     그리드 컨테이너에 class="ds-grid-scroll" 만 붙이면 가로·세로 둘 다 나온다.
     세로만 필요하면 ds-grid-scroll--v, 가로만이면 ds-grid-scroll--h.
   ========================================================================== */

.ds-grid-scroll .tabulator-tableholder,
.ds-grid-scroll--v .tabulator-tableholder,
.ds-grid-scroll--h .tabulator-tableholder {
  scrollbar-width: auto !important;      /* thin/none 금지 — 위 주석 참고 */
  scrollbar-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.05);
}

/* 기본: 가로·세로 모두 노출 */
.ds-grid-scroll .tabulator-tableholder::-webkit-scrollbar:vertical {
  width: 12px !important;
  display: block !important;
}
.ds-grid-scroll .tabulator-tableholder::-webkit-scrollbar:horizontal {
  height: 12px !important;
  display: block !important;
}

/* 세로만 */
.ds-grid-scroll--v .tabulator-tableholder::-webkit-scrollbar:vertical {
  width: 12px !important;
  display: block !important;
}
.ds-grid-scroll--v .tabulator-tableholder::-webkit-scrollbar:horizontal {
  height: 0 !important;
  display: none !important;
}

/* 가로만 */
.ds-grid-scroll--h .tabulator-tableholder::-webkit-scrollbar:horizontal {
  height: 12px !important;
  display: block !important;
}
.ds-grid-scroll--h .tabulator-tableholder::-webkit-scrollbar:vertical {
  width: 0 !important;
  display: none !important;
}

/* 공통 외형 */
.ds-grid-scroll .tabulator-tableholder::-webkit-scrollbar-track,
.ds-grid-scroll--v .tabulator-tableholder::-webkit-scrollbar-track,
.ds-grid-scroll--h .tabulator-tableholder::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}
.ds-grid-scroll .tabulator-tableholder::-webkit-scrollbar-thumb,
.ds-grid-scroll--v .tabulator-tableholder::-webkit-scrollbar-thumb,
.ds-grid-scroll--h .tabulator-tableholder::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.32);
  border-radius: 6px;
}
.ds-grid-scroll .tabulator-tableholder::-webkit-scrollbar-thumb:hover,
.ds-grid-scroll--v .tabulator-tableholder::-webkit-scrollbar-thumb:hover,
.ds-grid-scroll--h .tabulator-tableholder::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.48);
}
/* 가로·세로 교차 코너 */
.ds-grid-scroll .tabulator-tableholder::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.05);
}