/*--- static/css/job_card_items.css ---*/

.job-card-items-container {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 150px); /* ajuste selon ta navbar/header */
}

/* L’onglet prend la place dispo, sans overflow bloquant */
.job-card-items-container .tab-pane {
  height: 100%;
}

/* La card-body occupe tout l’espace vertical */
.job-card-items-container .card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Active le scroll uniquement sur les lignes */
.job-card-items-container .table-scroll {
  max-height: calc(100vh - 400px); /* ta valeur qui marche */
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 1rem;
}

/* Fixe l'en-tête de tableau */
.job-card-items-container .table-scroll thead th {
  position: sticky;
  top: 0;
  z-index: 2; /* pour qu'il reste au-dessus des rows */
  background-color: #212529; /* la couleur Bootstrap .table-dark */
  color: #fff;
}

.description-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
}