/*
 * telerik-custom.css
 * Override globali per Telerik UI for Blazor.
 * Queste regole devono stare in un CSS globale (NON in .razor.css)
 * perché Telerik renderizza i suoi elementi senza gli attributi di scope Blazor.
 */

/* ── Grid compatta (.grid-compact) ──────────────────────────────────────── */

/* Celle dati — copre sia td classico che .k-table-td (versioni più recenti) */
.k-grid.grid-compact td,
.k-grid.grid-compact .k-table-td {
    font-size: 13px !important;
    padding-top:    3px !important;
    padding-bottom: 3px !important;
    padding-left:   8px !important;
    padding-right:  8px !important;
}

/* Celle header */
.k-grid.grid-compact th,
.k-grid.grid-compact .k-table-th {
    font-size: 13px !important;
    padding-top:    5px !important;
    padding-bottom: 5px !important;
    padding-left:   8px !important;
    padding-right:  8px !important;
}

/* Titolo colonna */
.k-grid.grid-compact .k-column-title {
    font-weight: 600;
    font-size:   12px !important;
}

/* Badge dentro la griglia */
.k-grid.grid-compact .badge {
    font-size: 12px !important;
    padding:   3px 6px !important;
}

/* Pager — testo informativo */
.k-grid.grid-compact .k-pager-info {
    font-size: 12px !important;
}

/* "elementi per pagina" — span diretto figlio di k-pager-sizes, escluso il dropdown */
.k-grid.grid-compact .k-pager-sizes > span:not(.k-dropdownlist):not(.k-picker) {
    font-size: 12px !important;
}