/*
 * Report headers and totals that stand out (Jireh, 2026-08-21: "Can you make
 * the headers Darker or stick out better - across all report").
 *
 * He marked two rows on a screenshot of the LG Alliance list: the column
 * header strip and the footer totals. Measured on the live page before
 * touching anything:
 *
 *   column header label   400 weight, no band behind it
 *   footer total          0.6 grey — lighter than the data it summarises
 *
 * So a header read as just another row, and the number a section adds up to
 * was the faintest thing on the screen.
 *
 * Everything here is expressed in the CRM's own theme tokens, so dark mode
 * stays correct, and it hangs off `.header-cell` / `.footer-cell` — the two
 * hand-written class names in the table, not the generated ones that change
 * on every platform upgrade. It is styling only: no layout, no spacing, no
 * change to what any cell says.
 */

/* ------------------------------------------------------------- headers */
.header-cell {
  background-color: var(--t-background-tertiary) !important;
  border-bottom: 1px solid var(--t-border-color-strong) !important;
}

.header-cell,
.header-cell [data-testid="tooltip"] {
  color: var(--t-font-color-primary) !important;
  font-weight: 600 !important;
}

/* The field-type icon stays quiet — it is a hint, not a heading. */
.header-cell svg {
  color: var(--t-font-color-tertiary) !important;
}

/* -------------------------------------------------------------- totals */
/* The label keeps its rank; the figure is what the eye is looking for. */
.footer-cell [data-testid="tooltip"] {
  color: var(--t-font-color-secondary) !important;
}

/*
 * The value sits immediately after its label. Targeted by position rather
 * than by class: the class is generated and would not survive an upgrade.
 */
.footer-cell [data-testid="tooltip"] + div {
  color: var(--t-font-color-primary) !important;
  font-weight: 600 !important;
}

.footer-cell {
  border-top: 1px solid var(--t-border-color-strong) !important;
}