/* 테이블 전체 레이아웃 설정 */
.tabulator {
  width: 100% !important;
  border: 2px solid #dee2e6 !important;
}
/* 테이블 관련 폰트 크기 */
.modal .tabulator {
  font-size: 12px;
}
/* 헤더 컨테이너 */
.tabulator-col-content {
  background-color: #e9ecef !important;
  width: 100% !important;
}

/* 헤더 타이틀 */
.tabulator-col-title {
  background-color: #e9ecef !important;
  width: 100% !important;
}
.ts-dropdown {
  height: 500px !important;  /* 원하는 높이로 조절 */
}
.ts-dropdown-content {
  max-height: 100% !important;
}

.ts-wrapper.single .ts-control {
  min-height: 34px;
  border-radius: 10px;
  border: 1px solid #cfd8e3;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
  padding: 5px 10px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.ts-wrapper.focus .ts-control {
  border-color: #7aa7ff;
  box-shadow: 0 0 0 3px rgba(122, 167, 255, 0.18);
}

.ts-dropdown {
  border-radius: 12px;
  border: 1px solid #d7e2f0;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.14);
  overflow: hidden;
  background-color: #ffffff;
}

.ts-dropdown .ts-dropdown-content {
  padding: 6px;
}

.ts-dropdown .option,
.ts-dropdown .create {
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.35;
}

.ts-dropdown .option:hover,
.ts-dropdown .active {
  background: #edf4ff;
  color: #2457a6;
}

.ts-dropdown .selected {
  background: #dfeeff;
  color: #1d4f91;
  font-weight: 600;
}

.tabulator .tabulator-cell select,
.tabulator input[type="search"] {
  min-height: 34px;
  border-radius: 10px;
  border: 1px solid #cfd8e3;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
  padding: 5px 10px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  font-size: 12px;
}

.tabulator-edit-list,
.tabulator-edit-select-list {
  border-radius: 12px !important;
  border: 1px solid #d7e2f0 !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.14) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background-color: #ffffff !important;
  padding: 6px !important;
  max-height: 280px !important;
}

.tabulator-edit-list .tabulator-edit-list-item,
.tabulator-edit-select-list .tabulator-edit-select-list-item,
.tabulator-edit-select-list .tabulator-edit-list-item {
  border-radius: 8px;
  padding: 8px 10px !important;
  font-size: 12px;
  line-height: 1.35;
}

.tabulator-edit-list .tabulator-edit-list-item:hover,
.tabulator-edit-list .active,
.tabulator-edit-select-list .tabulator-edit-select-list-item:hover,
.tabulator-edit-select-list .active {
  background: #edf4ff !important;
  color: #2457a6 !important;
}

.tabulator-edit-list .selected,
.tabulator-edit-select-list .selected {
  background: #dfeeff !important;
  color: #1d4f91 !important;
  font-weight: 600;
}

/********Tabulator Cell********/
.tabulator-cell.font-size-12 * {
  font-size: 12px !important;
}
/* 행 스타일링 */
.tabulator .tabulator-row {
  border-bottom: 1px solid #000 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 셀 사이 간격 제거 */
.tabulator .tabulator-row .tabulator-cell {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 홀수/짝수 행 배경색 */
.tabulator .tabulator-row.tabulator-row-even {
  background-color: #ffffff !important;

}

.tabulator .tabulator-row.tabulator-row-odd {
  background-color: #f8f9fa !important;
}

/* 마지막 컬럼의 오른쪽 테두리 유지 */
.tabulator .tabulator-row .tabulator-cell:last-child {
  border-right: none !important;
}

/* 테이블 전체 여백 제거 */
.tabulator-tableholder {
  overflow: hidden !important;
}

/********Tabulator Table********/
/* 헤더 스타일링 */
.tabulator .tabulator-header {
  background-color: #e9ecef !important;
  border-bottom: 2px solid #000 !important;
}

/* 헤더 셀 배경색 - 틈새 없이 */
.tabulator .tabulator-header .tabulator-headers {
  background-color: #e9ecef !important;
  width: 100% !important;
}
.tabulator .tabulator-header .tabulator-col {
  background-color: #e9ecef !important;
  border-right: 1px solid #000 !important;
  font-weight: bold !important;
}

/* Tabulator Custom CSS */
.tabulator-cell-wrap {
  word-wrap: break-word;
  white-space: normal;         /* 줄바꿈 허용 */
  overflow: visible;           /* 넘치는 내용 표시 */
  text-overflow: clip;         /* 말줄임(...) 제거 */
}
.wrap-text {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
/*Tabulator Scroll Bar*/
.tabulator:hover .tabulator-tableholder {
  overflow-x: auto;   /* hover 시에만 필요할 때 스크롤바 표시 */
}

.tabulator .tabulator-tableholder {
  overflow-x: scroll !important;  /* 가로 스크롤바 항상 표시 */
}

/* Tabulator 강제 스크롤 CSS */
/*.tabulator {*/
/*  overflow-x: scroll !important;*/
/*  border: 2px solid #000 !important;*/
/*}*/

/*!* 스크롤바 스타일링을 하고 싶다면 *!*/
/*.tabulator .tabulator-tableholder::-webkit-scrollbar {*/
/*  height: 10px;  !* 스크롤바 높이 *!*/
/*  background-color: #F5F5F5;  !* 스크롤바 배경색 *!*/
/*}*/

/*.tabulator .tabulator-tableholder::-webkit-scrollbar-thumb {*/
/*  background: #888;  !* 스크롤바 색상 *!*/
/*  border-radius: 5px;  !* 스크롤바 모서리 둥글게 *!*/
/*}*/

/*Tabulator 행추가 CSS */
.tabulator-add-row {
  background-color: #f0f8ff !important;  /* 예시: 연한 파란색 배경 */
  border: 2px solid #0066cc !important;  /* 예시: 진한 파란색 테두리 */
}
.tabulator-add-row .tabulator-cell {
  border-color: #0066cc !important;
  background-color: #f0f8ff !important;
}