.ag-theme-quartz {
    /* 1. Font — match theme body exactly */
    --ag-font-family: "Cerebri Sans", sans-serif;
    --ag-font-size: 13px;

    /* 1b. Cell padding and row/header height — match Bootstrap .table-sm (IsSmall="true" is standard) */
    --ag-cell-horizontal-padding: 0.3rem;
    --ag-row-height: 33px;
    --ag-header-height: 25px;

    /* 2. Text color — Bootstrap's body text */
    --ag-foreground-color: #212529;

    /* 3. Borders — theme.min.css overrides Bootstrap's #dee2e6 with #edf2f9 */
    --ag-border-color: #edf2f9;
    --ag-row-border-color: #edf2f9;

    /* 4. Row hover — match AxDataGrid's rgba(0,0,0,0.04) instead of Quartz's blue tint */
    --ag-row-hover-color: rgba(0, 0, 0, 0.04);

    /* 5. Header and grid background — #f9fbfd, matching theme body and explicit thead th rule */
    --ag-header-background-color: #f9fbfd;
    --ag-header-foreground-color: #95aac9;
    --ag-background-color: #f9fbfd;

    /* 5b. No zebra striping — rows inherit body background (#f9fbfd) in AxDataGrid */
    --ag-odd-row-background-color: #f9fbfd;

    /* 6. Header font weight — 600 semi-bold, matching theme */
    --ag-header-column-weight: 600;

    /* 7. Remove always-visible column separators — Bootstrap th has none */
    --ag-header-column-separator-display: none;

    /* 8b. Remove vertical lines between data cells */
    --ag-cell-horizontal-border: none;

    /* 8. Remove rounded corners — AxDataGrid is square */
    --ag-border-radius: 0;

}

/* 8. Header/body divider — 1px #edf2f9, theme sets border-bottom-width:1px over Bootstrap's 2px */
.ag-theme-quartz .ag-header {
    border-bottom: 1px solid #edf2f9;
}

/* 9. Resize handle — hidden by default, revealed on hover so it stays out of the
      way but remains discoverable, matching the non-intrusive feel of a table */
.ag-theme-quartz .ag-header-cell-resize::after {
    display: none;
}
.ag-theme-quartz .ag-header-cell:hover .ag-header-cell-resize::after {
    display: block;
}

/* 9b. Remove internal header cell padding so height is driven by --ag-header-height alone */
.ag-theme-quartz .ag-header-cell,
.ag-theme-quartz .ag-header-group-cell {
    padding-top: 0;
    padding-bottom: 0;
}

/* 10. Header text — uppercase with tracking, matching theme.min.css .table thead th */
.ag-theme-quartz .ag-header-cell-text {
    text-transform: uppercase;
    font-family: "Cerebri Sans", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .08em;
}

/* 11. Sortable column text — Bootstrap primary blue */
.ag-theme-quartz .ag-header-cell-sortable .ag-header-cell-text {
    color: #007bff;
}

/* 12. Non-sortable column text — muted blue-gray */
.ag-theme-quartz .ag-header-cell:not(.ag-header-cell-sortable) .ag-header-cell-text {
    color: #95aac9;
}

/* 13. All header icons (sort arrows, filter funnel, column menu) — always muted gray */
.ag-theme-quartz .ag-header-cell .ag-header-icon,
.ag-theme-quartz .ag-header-cell .ag-sort-indicator-icon,
.ag-theme-quartz .ag-header-cell .ag-header-cell-menu-button {
    color: #95aac9;
}

/* Remove vertical separator lines at pinned column boundaries (cells and header containers) */
.ag-theme-quartz .ag-cell-last-left-pinned,
.ag-theme-quartz .ag-header-cell-last-left-pinned,
.ag-theme-quartz .ag-pinned-left-header {
    border-right: none !important;
}
.ag-theme-quartz .ag-cell-first-right-pinned,
.ag-theme-quartz .ag-header-cell-first-right-pinned,
.ag-theme-quartz .ag-pinned-right-header {
    border-left: none !important;
}


/* Links inside grid cells — no underline, matching Bootstrap 4's default link style */
.ag-theme-quartz .ag-cell a {
    text-decoration: none;
}

.ag-placeholder {
    color: #999; /* soft gray */
    font-style: italic; /* like a placeholder */
}

.ag-bold-value {
    font-weight: 600;
    color: #222; /* optional: darker text for contrast */
}