.table-container {
    display: grid;
    grid-template-columns: repeat(17, 1fr);
    grid-template-rows: repeat(17, 1fr);
    gap: 10px;
    width: 100%;
    max-height: 100%;
    overflow: auto; /* Pour permettre le scroll si besoin */
}


.summary-container{
    grid-column: 5 / 15;
    grid-row: 5 / 15;
    display: block;
    overflow-y: auto;
    border: solid 2px rgb(0, 0, 0);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;

    /* border: solid 1px black; */
}



.summary-container::-webkit-scrollbar {
  width: 10px;
  background-color: rgb(255, 255, 255);
  border-top-right-radius: 8px; 
  border-bottom-right-radius: 8px;
}


.summary-container::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #555, #999);
  border-radius: 5px;
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3);
  cursor: grab;
  z-index: 4;
}

.table-container table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    font-size: 18px;
    text-align: center;
}
.table-container table thead tr {
    color: #111827; /* gris foncé (quasi noir) */
    font-weight: 600;
    text-align: left;
    position: sticky;
    top: 0;
    padding: 8px;
}
.table-container table th {
  background-color: #d8d7d7;
  color: #111827;
  font-weight: 600;
  text-align: left;
  position: static;
  top: 0;
  /* padding: 8px; */
  /* border-bottom: 3px solid #bed2fa; */
  z-index: 10; /* important */
}



.table-container table tbody tr:nth-child(even) {
  background-color: #ffffff;
}

.table-container table tbody tr:nth-child(odd) {
  background-color: #f9fafb;
}

.table-container table tbody td {
  padding: 6px 10px;
  color: #1f2937;
}

.table-container table tbody td:first-child {
  background-color: #f3f4f6; /* comme le header */
  font-weight: 500;
}