/* =====================================================================
   ag-theme-portal — TEMA DE MARCA para AG Grid (ETAPA 3 · TANDA 2.2)

   Se usa SIEMPRE junto a ag-theme-alpine (alpine = base estructural;
   portal = skin de marca). Rebrandea con los tokens de 00_tokens.css:
   header navy, tipografía IBM Plex, bordes finos y hover de fila navy suave.

   NOTA AG Grid 31 (dash-ag-grid 2.4.0): los overrides de --ag-* puestos solo
   en una clase extra (.ag-theme-portal) NO le ganan a las definiciones que
   alpine inyecta en .ag-theme-alpine (orden de inyección). Por eso:
     - el header (lo más visible) se pinta con SELECTOR DIRECTO sobre .ag-header
       (patrón probado: ver .er-aggrid en z_theme.css);
     - el resto (tipografía/bordes/hover) usa --ag-* pero con especificidad
       elevada (.ag-theme-alpine.ag-theme-portal) para ganarle a alpine.
   Los módulos con header propio (cashflow .cf-aggrid; ER .er-aggrid) lo
   re-overridean con mayor especificidad.
   ===================================================================== */

/* Header navy de marca (selector directo: garantiza render en AG Grid 31) */
.ag-theme-portal .ag-header {
    background: var(--color-primary);
    border-bottom: 1px solid var(--color-primary);
}
.ag-theme-portal .ag-header-cell,
.ag-theme-portal .ag-header-group-cell,
.ag-theme-portal .ag-header-cell-text,
.ag-theme-portal .ag-header-group-text {
    color: var(--color-on-brand);
}
.ag-theme-portal .ag-header-icon,
.ag-theme-portal .ag-header-cell .ag-icon {
    color: var(--color-on-brand);
}

/* Tipografía, bordes y filas (vía --ag-* con especificidad elevada para
   ganarle a las definiciones que alpine inyecta en .ag-theme-alpine) */
.ag-theme-alpine.ag-theme-portal {
    --ag-font-family: var(--font-base);
    --ag-border-color: var(--color-hairline);
    --ag-row-border-color: var(--color-hairline);
    --ag-odd-row-background-color: #fbfcfe;
    --ag-row-hover-color: var(--color-primary-soft);
    --ag-selected-row-background-color: #e3edf9;
}