/* Scrollbar horizontale des grilles EchangeList / EchangeDashboard.
   CSS global (non scopé) chargé dans App.razor : les bundles de CSS isolé des RCL
   ne sont pas servis de façon fiable en dev, ces règles doivent donc vivre ici. */

/* --- EchangeList : la grille est enveloppée dans .echange-list__grid-scroll ---
   La grille a une largeur min (somme des colonnes) : si le conteneur est plus étroit,
   le wrapper scrolle horizontalement et la scrollbar apparaît en bas de la grille. */
.echange-list__grid-scroll {
    overflow-x: auto;
    overflow-y: hidden;
}

/* colonnes fixes : 190+180+170+180+120+160 = 1000px + colonne "Échange" */
.echange-list__grid-scroll .echange-list__grid {
    min-width: 1250px;
}

/* sécurité interne : si la table dépasse le contenu, il scrolle aussi */
.echange-list__grid .k-grid-content {
    overflow-x: auto;
}

.echange-list__grid .k-table {
    min-width: 100%;
    width: auto;
}

/* --- EchangeDashboard : grille des documents déjà enveloppée dans .echange-dashboard-grid-wrapper --- */
.echange-dashboard-grid-wrapper,
.echange-dashboard-grid-scroll {
    overflow-x: auto;
}

/* 60+200+170+140+150+90 = 810px */
.echange-dashboard-grid-wrapper .echange-dashboard__documents-grid {
    min-width: 850px;
}

.echange-dashboard__documents-grid .k-grid-content {
    overflow-x: auto;
}

.echange-dashboard__documents-grid .k-table {
    min-width: 100%;
    width: auto;
}