/*
 * Tableaux compacts : lignes basses, sans retour à la ligne.
 *
 * Portée par la classe `grid-compact` posée sur le conteneur de la page (généralement
 * <section class="content ... grid-compact">). Les tableaux de la page sont alors plus denses et
 * défilent horizontalement (GridView en `responsive => true`, tables classiques dans un
 * `.table-responsive`) au lieu de replier les cellules sur deux ou trois lignes.
 *
 * S'applique à tout `.table` : GridView kartik (`kv-grid-table`), DetailView kartik
 * (`kv-detail-view`) et tables Bootstrap écrites à la main.
 *
 * Deux règles à respecter dans les vues qui l'utilisent :
 *  - ne pas redéfinir le padding vertical de `.table td/th` dans le registerCss de la vue :
 *    à spécificité égale, le <style> injecté en fin de <head> gagnerait sur ce fichier ;
 *  - pour un texte libre (nom de client, sujet, libellé produit…), ajouter `cell-truncate`
 *    (ou `cell-truncate-lg`) via `contentOptions` et mettre la valeur complète en `title`,
 *    sinon la colonne s'élargit indéfiniment.
 */
.grid-compact .table td,
.grid-compact .table th {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    vertical-align: middle;
    white-space: nowrap;
}

/* Les DetailView ne vivent pas dans un conteneur défilant (pas de `.table-responsive`) : une valeur
   longue doit s'y replier, sinon elle déborde de sa colonne. Seul le padding réduit s'y applique. */
.grid-compact .kv-detail-view td,
.grid-compact .kv-detail-view th {
    white-space: normal;
}

.grid-compact .table tr.filters td {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
}

.grid-compact .table td.cell-truncate,
.grid-compact .table td.cell-truncate-lg {
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-compact .table td.cell-truncate {
    max-width: 240px;
}

.grid-compact .table td.cell-truncate-lg {
    max-width: 420px;
}

.grid-compact .table .btn-xs {
    padding: 0.05rem 0.35rem;
    line-height: 1.35;
}
