/* ============================================================
   tables.css — Tabulator(엔터프라이즈 표) · HTML 표(.cv-table) · 스크롤바
   ============================================================ */

/* ── Tabulator ── */
.tabulator{font-size:var(--fs-td);border:1px solid #e8eaed;border-radius:var(--cv-radius);overflow:hidden;background:#fff}
.tabulator .tabulator-header{background:var(--c-700);border-bottom:0}
.tabulator .tabulator-header .tabulator-col,
.tabulator .tabulator-header .tabulator-col.tabulator-frozen{
  background:var(--c-700);border-right:1px solid #475569;color:#fff;min-height:46px;
  transition:background-color .13s ease}
/* 정렬 가능 헤더 hover — 같은 다크 계열에서 살짝만 밝게(색 튐 방지) */
.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover,
.tabulator .tabulator-header .tabulator-col.tabulator-frozen.tabulator-sortable:hover,
.tabulator .tabulator-header .tabulator-col:hover{background:#3d4a5c!important}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content{display:flex;align-items:center;padding:0 11px;min-height:46px}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder{flex:1;min-width:0}
.tabulator .tabulator-header .tabulator-col .tabulator-col-title{
  color:#fff;font-weight:var(--fw-semi);font-size:var(--fs-th);letter-spacing:.005em;white-space:nowrap}
.tabulator .tabulator-header .tabulator-col .tabulator-arrow{
  border-bottom-color:#9ca3af!important;border-top-color:#9ca3af!important}
.tabulator .tabulator-row{min-height:46px;transition:background-color .13s ease}
.tabulator .tabulator-row .tabulator-cell{
  padding:12px 12px!important;border-right:1px solid #f3f4f6;
  font-variant-numeric:tabular-nums;line-height:var(--lh-cell);color:#1f2937}
.tabulator .tabulator-row:nth-child(even){background:#fafbfc}
.tabulator .tabulator-row:hover{background:#f3f4f6!important}
/* 선택 행: 배경 하이라이트로 표시. 왼쪽 강조바는 고정컬럼에 가려져 하단 모서리에 점처럼 새어나오므로,
   행 box-shadow 대신 첫 셀에 얹어 깔끔한 세로바로(가림·점 아티팩트 제거). */
.tabulator .tabulator-row.cv-selected{background:var(--brand-50)!important}
.tabulator .tabulator-row.cv-selected:hover{background:var(--brand-100)!important}
.tabulator .tabulator-row.cv-selected .tabulator-cell:first-child{box-shadow:inset 3px 0 0 var(--brand)}
/* 금액 + 점유율% 셀(드로워 분해표 소진금액) — 우측정렬 유지하되 한 줄(nowrap)로,
   좁은 열에서도 퍼센트가 왼쪽으로 잘리지 않게. 열 폭은 JS _shareColW가 데이터 기준으로 확보 */
.cv-share{display:flex;align-items:baseline;justify-content:flex-end;gap:7px;width:100%;white-space:nowrap;font-variant-numeric:tabular-nums}
.cv-share-pct{flex:0 0 auto;color:#a7afbd;font-size:11px}
.cv-share-val{flex:0 0 auto}
.tabulator .tabulator-footer{border-top:2px solid #cbd5e1}
.tabulator .tabulator-footer .tabulator-calcs-holder{background:#f8fafc;border:0}
.tabulator .tabulator-footer .tabulator-calcs .tabulator-cell{
  font-weight:var(--fw-bold);padding:11px 9px!important;font-variant-numeric:tabular-nums;color:var(--c-900)}

/* 스크롤바(연회색·둥근·얇게) */
.tabulator .tabulator-tableholder::-webkit-scrollbar{width:11px;height:11px}
.tabulator .tabulator-tableholder::-webkit-scrollbar-track{background:transparent}
.tabulator .tabulator-tableholder::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;border:3px solid #fff}
.tabulator .tabulator-tableholder::-webkit-scrollbar-thumb:hover{background:#94a3b8}
.tabulator .tabulator-tableholder{scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin}

/* ── HTML 표 공통(상세 소재-일자 등) — PPT 친화 ── */
.cv-table{width:100%;font-size:var(--fs-td);border-collapse:collapse}
.cv-table thead th{background:#f8fafc;color:var(--c-600);font-weight:var(--fw-semi);font-size:var(--fs-th);
  padding:11px 12px;border-bottom:1px solid var(--c-border);white-space:nowrap;vertical-align:middle}
.cv-table tbody td{padding:11px 12px;border-bottom:1px solid #f1f3f5;
  font-variant-numeric:tabular-nums;vertical-align:middle;color:#1f2937}
.cv-table tbody tr:hover{background:#f8fafc}
.cv-table .r{text-align:right}