/* ── Tipografía de la app ────────────────────────────────────────────────────
   Inter para texto (lo setea el tema MudBlazor) + JetBrains Mono para números.
   Tabular numbers para que las columnas de montos alineen perfecto. */

:root {
    --app-mono: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, 'Cascadia Code', monospace;
}

body {
    /* Ligaduras/kerning de Inter + cifras tabulares por defecto en toda la app */
    font-feature-settings: "cv02", "cv03", "cv04", "tnum";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -0.01em;
}

/* Cualquier elemento marcado como monoespaciado usa la mono linda + cifras tabulares.
   Cubre tanto las clases (.r-mono) como los estilos inline font-family:monospace. */
.r-mono,
.mono,
code, kbd, samp, pre,
[style*="monospace"] {
    font-family: var(--app-mono) !important;
    font-feature-settings: "tnum" 1, "zero" 1 !important; /* tabular + 0 con barra */
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}

/* Montos/celdas numéricas de las grillas: cifras tabulares aunque no sean mono */
.mud-table-cell[style*="text-align:right"],
.mud-table-cell[style*="text-align: right"] {
    font-variant-numeric: tabular-nums;
}

/* Headers un poco más definidos */
.mud-typography-h5, .mud-typography-h6 { letter-spacing: -0.02em; }

/* Títulos de las cards de totales (BRUTO/NETO…) con mejor jerarquía */
.liq-card-total .mud-typography-caption {
    letter-spacing: 0.06em;
    font-weight: 600;
    text-transform: uppercase;
    opacity: .75;
}

/* Filas de legajos con error en la grilla de liquidación (#39) */
.liq-row-error > td {
    background: rgba(var(--mud-palette-error-rgb, 239,83,80), .10) !important;
}
.liq-row-error > td:first-child {
    box-shadow: inset 3px 0 0 0 var(--mud-palette-error);
}