/* Title column unify v1
   Make frozen/title columns use the same tint as header rows across legacy freeze systems. */

:root{
  --ntt-title-col-bg: linear-gradient(180deg,#f8fbff,#edf4ff);
  --ntt-title-col-bg-solid: #edf4ff;
  --ntt-title-col-text: #14355d;
}

body.dark-mode,
body.dark,
html[data-theme="dark"],
body[data-theme="dark"],
body[data-site-theme="dark"]{
  --ntt-title-col-bg: linear-gradient(180deg,#223149,#1c2431);
  --ntt-title-col-bg-solid: #223149;
  --ntt-title-col-text: #e8eef9;
}

/* Legacy/global freeze systems */
table[data-ntt-freeze] .ntt-freeze-col,
.table.ntt-freeze-table .ntt-freeze-left,
.ntt-freeze-wrap > table[data-ntt-freeze] .ntt-sticky-left,
table.ntt-freeze-table .ntt-sticky-col,
table[data-freeze-scoped-table="1"] td[data-freeze-left-index],
table[data-freeze-scoped-table="1"] th[data-freeze-left-index],
table.mf-ready .mf-freeze,
#scrolling_table_1 .fixed,
#scrolling_table_2 .fixed,
#scrolling_table_3 .fixed,
#data-rank .fixed{
  background: var(--ntt-title-col-bg) !important;
  background-color: var(--ntt-title-col-bg-solid) !important;
  color: var(--ntt-title-col-text) !important;
  background-clip: padding-box !important;
}

/* Keep any nested mini tables inside frozen/title cells on the same tint */
table[data-ntt-freeze] .ntt-freeze-col table,
.table.ntt-freeze-table .ntt-freeze-left table,
.ntt-freeze-wrap > table[data-ntt-freeze] .ntt-sticky-left table,
table.ntt-freeze-table .ntt-sticky-col table,
table[data-freeze-scoped-table="1"] td[data-freeze-left-index] table,
table[data-freeze-scoped-table="1"] th[data-freeze-left-index] table,
table.mf-ready .mf-freeze table,
#scrolling_table_1 .fixed table,
#scrolling_table_2 .fixed table,
#scrolling_table_3 .fixed table,
#data-rank .fixed table,
table[data-ntt-freeze] .ntt-freeze-col th,
table[data-ntt-freeze] .ntt-freeze-col td,
.table.ntt-freeze-table .ntt-freeze-left th,
.table.ntt-freeze-table .ntt-freeze-left td,
table.mf-ready .mf-freeze th,
table.mf-ready .mf-freeze td{
  background: var(--ntt-title-col-bg) !important;
  background-color: var(--ntt-title-col-bg-solid) !important;
  color: var(--ntt-title-col-text) !important;
}
