/* Carnets, correctif A (docs/CARNETS.md §12) : simple-datatables est livre
 * avec un theme clair (bordures #d9d9d9, fond des champs blanc par defaut
 * du navigateur) -- fichier A NOUS, jamais la bibliotheque vendored
 * (LGPL-3.0, usage en balise <script>/<link> non modifie). Ne corrige pas
 * le bug "lignes invisibles" (c'etait data.headings=[] cote carnets.js,
 * corrige a part) : seulement l'habillage sombre.
 */
#carnets-modal-fenetre .datatable-top,
#carnets-modal-fenetre .datatable-bottom {
  color: #d1d5db; /* text-gray-300 */
}

#carnets-modal-fenetre .datatable-input,
#carnets-modal-fenetre .datatable-selector {
  background-color: #1f2937; /* bg-gray-800 */
  color: #e5e7eb;
  border: 1px solid #4b5563;
}

#carnets-modal-fenetre .datatable-table {
  color: #e5e7eb;
}

#carnets-modal-fenetre .datatable-table > thead > tr > th,
#carnets-modal-fenetre .datatable-table > tbody > tr > td {
  border-color: #374151; /* border-gray-700 */
}

#carnets-modal-fenetre .datatable-table > tbody > tr:hover {
  background-color: #111827;
}

#carnets-modal-fenetre .datatable-pagination a,
#carnets-modal-fenetre .datatable-pagination button {
  color: #d1d5db;
}

#carnets-modal-fenetre .datatable-pagination a:hover,
#carnets-modal-fenetre .datatable-pagination button:hover,
#carnets-modal-fenetre .datatable-pagination .datatable-active a,
#carnets-modal-fenetre .datatable-pagination .datatable-active button {
  background-color: #374151;
  color: #ffffff;
}

#carnets-modal-fenetre .datatable-wrapper.no-header .datatable-container,
#carnets-modal-fenetre .datatable-wrapper.no-footer .datatable-container {
  border-color: #374151;
}