/* Reusable table skin baseline across apps */

:root {
  --gt-border: #d8e0ea;
  --gt-border-soft: #e3e8ef;
  --gt-header-bg: #f3f6fb;
  --gt-header-text: #4f6470;
  --gt-row-odd: #ffffff;
  --gt-row-even: #f8fafc;
  --gt-text: #1f3347;
}

/* Unified reusable table contract.
   Applied by shared JS to all .data-table.ui-table unless opted out. */
.data-table.ui-table.mt-table-unified {
  background: #ffffff;
  border: 1px solid var(--gt-border);
}

.data-table.ui-table.mt-table-unified thead th {
  position: sticky;
  top: 0;
  z-index: 30;
  background: var(--gt-header-bg);
  color: var(--gt-header-text);
  border-bottom: 1px solid var(--gt-border);
  border-right: 1px solid var(--gt-border-soft);
  padding: var(--mt-fluid-pad-y) var(--mt-fluid-pad-x);
  font-size: var(--mt-fluid-font, 0.9rem);
  line-height: 1;
  white-space: nowrap;
}

.data-table.ui-table.mt-table-unified td {
  color: var(--gt-text);
  border-top: 1px solid var(--gt-border-soft);
  border-right: 1px solid var(--gt-border-soft);
  padding: var(--mt-fluid-pad-y) var(--mt-fluid-pad-x);
  font-size: var(--mt-fluid-font, 0.9rem);
  line-height: 1;
}

.data-table.ui-table.mt-table-unified thead th:last-child,
.data-table.ui-table.mt-table-unified tbody td:last-child {
  border-right: 0;
}

.data-table.ui-table.mt-table-unified tbody tr:nth-child(odd) {
  background: var(--gt-row-odd);
}

.data-table.ui-table.mt-table-unified tbody tr:nth-child(even),
.data-table.ui-table.mt-table-unified tbody tr:nth-child(odd):hover,
.data-table.ui-table.mt-table-unified tbody tr:nth-child(even):hover {
  background: var(--gt-row-even);
}

.data-table.ui-table.mt-table-unified .filter-toggle,
.data-table.ui-table.mt-table-unified .filter-toggle:hover,
.data-table.ui-table.mt-table-unified .filter-toggle:focus,
.data-table.ui-table.mt-table-unified .filter-toggle:focus-visible {
  color: var(--mt-table-header-text, var(--gt-header-text));
}

/* Shared table skin across Operations, Feed Generator, and CJ task table */
:is(.main-tracker-directory-body #main-tracker-table, .feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) {
  background: #ffffff;
  border: 1px solid var(--gt-border);
}

:is(.main-tracker-directory-body #main-tracker-table, .feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) thead th {
  position: sticky;
  top: 0;
  z-index: 30;
  background: #f3f6fb;
  color: #4f6470;
  border-bottom: 1px solid #d8e0ea;
  padding: var(--mt-fluid-pad-y) var(--mt-fluid-pad-x);
  font-size: var(--mt-fluid-font, 0.9rem);
  line-height: 1;
}

:is(.main-tracker-directory-body #main-tracker-table, .feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) td {
  color: #1f3347;
  border-top: 1px solid #e3e8ef;
  padding: var(--mt-fluid-pad-y) var(--mt-fluid-pad-x);
  font-size: var(--mt-fluid-font, 0.9rem);
  line-height: 1;
}

:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) .g-stick-1,
:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) .g-stick-2 {
  position: sticky;
  z-index: 22;
}

:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) .g-stick-1 {
  left: 0;
}

:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) .g-stick-2 {
  left: 46px;
}

:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) thead .g-stick-1,
:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) thead .g-stick-2 {
  z-index: 40;
}

:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) tbody tr:nth-child(odd) {
  background: #ffffff;
}

:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) tbody tr:nth-child(even),
:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) tbody tr:nth-child(odd):hover,
:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) tbody tr:nth-child(even):hover {
  background: #f8fafc;
}

:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) tbody tr:nth-child(odd) td.g-stick-1,
:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) tbody tr:nth-child(odd) td.g-stick-2 {
  background: #ffffff;
}

:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) tbody tr:nth-child(even) td.g-stick-1,
:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) tbody tr:nth-child(even) td.g-stick-2,
:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) tbody tr:nth-child(odd):hover td.g-stick-1,
:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) tbody tr:nth-child(odd):hover td.g-stick-2,
:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) tbody tr:nth-child(even):hover td.g-stick-1,
:is(.feeder-directory-body #feeder-table, .cjcrawler-body #cj-tasks-table) tbody tr:nth-child(even):hover td.g-stick-2 {
  background: #f8fafc;
}