/* Shared column-header presentation for Blazor, Production and Admin.
   Visual reference: TatenDRANG recipe calculation register.
   Keep widths, numeric alignment, sticky positioning and sorting in each table.
   Important declarations enforce this shared contract over isolated component
   styles and mixed th/td rules, without changing body row headings or totals.
   Spacious density deliberately overrides size and padding in table-display.css. */
:root {
    --table-header-background: #faf9f6;
    --table-header-text: #756f66;
    --table-header-font-size: .78rem;
    --table-header-font-weight: 800;
    --table-header-padding: .6rem .75rem;
    --table-header-line-height: 1.4;
}

table:not(.help-table) > thead > tr > :is(th, td) {
    background: var(--table-header-background) !important;
    color: var(--table-header-text) !important;
    font-family: inherit !important;
    font-size: var(--table-header-font-size) !important;
    font-weight: var(--table-header-font-weight) !important;
    font-style: normal !important;
    line-height: var(--table-header-line-height) !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    padding: var(--table-header-padding) !important;
    vertical-align: middle !important;
    border-bottom: 1px solid var(--color-line, #e8e1d2) !important;
}

/* Expandable period labels are column headings, not workbar controls. */
.economic-matrix thead .period-toggle {
    font-weight: inherit !important;
    color: inherit !important;
}