@import url("https://cdn.jsdelivr.net/npm/ag-grid-community@35.0.0/styles/ag-grid.css");
@import url("https://cdn.jsdelivr.net/npm/ag-grid-community@35.0.0/styles/ag-theme-alpine.css");

/* Alpine's default --ag-font-family is the OS system stack (-apple-system,
   Segoe UI, Roboto…). The platform's body font is Arial (CRM T60813).
   `body` raises the specificity: a bare `.ag-theme-alpine` here was measured
   to lose to the theme's own equal-specificity rule on Manage → Sites. */
body .ag-theme-alpine {
    --ag-font-family: Arial, Helvetica, sans-serif;
    /* Alpine's accent is Material blue #2196f3 — it drives ticked checkboxes,
       the focused/selected row and range selection. Brand teal instead (T60814).
       Grids that set their own --ag-selected-row-background-color (extra.css)
       still win: they are more specific. */
    --ag-alpine-active-color: var(--primary-300);
    --ag-checkbox-checked-color: var(--primary-300);
    --ag-selected-row-background-color: color-mix(in srgb, var(--primary-300) 12%, transparent);
    --ag-range-selection-border-color: var(--primary-300);
    --ag-input-focus-border-color: var(--primary-300);
}

/* hide the little magnifying glass in filter inputs, tailwind styles break it*/
.ag-input-wrapper:before {
    display: none !important;
}

.ag-watermark {
    display: none !important;
}

[row-id="rowGroupFooter_ROOT_NODE_ID"] {
    /*background: #171B1F !important;*/
}

[row-id="rowGroupFooter_ROOT_NODE_ID"] .ag-selection-checkbox {
    display: none;
}

[row-id="rowGroupFooter_ROOT_NODE_ID"] .beam-ag-grid-summary {
    position: absolute;
    /*color: white;*/
    left: 0;
    z-index: 99;
}