/* Page « Récap bornes » (maquette 1b / 1c) */
.ka-cards { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.ka-card { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; background: #fff; border: 1px solid var(--line); border-radius: 13px; min-width: 0; }
.ka-ct { font-size: 11px; font-weight: 700; letter-spacing: .07em; color: #6F675E; text-transform: uppercase; }
.ka-big { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.ka-big b { font-size: 26px; font-weight: 800; letter-spacing: -0.02em; color: #221E1A; }
.ka-big span { font-size: 12.5px; font-weight: 700; }
.ka-cmp { display: flex; align-items: center; gap: 8px; }
.ka-cmp b { font-size: 17px; }
.ka-recap-table { background: #fff; border: 1px solid var(--line); border-radius: 13px; overflow: auto; max-height: calc(100vh - 360px); min-height: 260px; }
.ka-recap-table table { width: 100%; border-collapse: collapse; font-size: 13.5px; color: #4E4740; }
.ka-recap-table th { position: sticky; top: 0; z-index: 2; background: #F8F6F2; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #6F675E; padding: 11px 8px; text-align: left; white-space: normal; vertical-align: bottom; }
/* 30/10/2026 : colonne « Dispo en direct » ajoutée ; avec le menu latéral, la zone fait ~852 px à 1154 px d'écran. Pas de largeur minimale, titres sur deux lignes et marges réduites : le tableau tient sans défilement horizontal (1154, 1280, 1440 px). */
/* white-space: normal sur toutes les cellules : le « nowrap » global des tableaux (admin.html) élargissait la table à ~1350 px (défilement horizontal) ; la maquette 1b tient dans la largeur */
.ka-recap-table td { padding: 8px 8px; border-bottom: 1px solid #F1ECE5; vertical-align: middle; white-space: normal; }
.ka-recap-table tfoot td { position: sticky; bottom: 0; background: #fff; border-top: 1px solid var(--line); border-bottom: 0; z-index: 2; }
/* white-space: normal : le « nowrap » global des tableaux (admin.html) s'hérite sinon et met toutes les améliorations sur une seule ligne (maquette 1b : ~196 px, 2 lignes puis « Voir tout ») */
.ka-recap-table .ka-impr-cell { font-size: 12.5px; line-height: 1.35; width: 196px; min-width: 196px; max-width: 196px; white-space: normal; overflow-wrap: anywhere; }
.ka-recap-table td .ka-sub { white-space: normal !important; }
.ka-recap-table .ka-impr, .ka-recap-table .ka-impr .it { white-space: normal; }
.ka-bar { display: block; width: 100%; height: 5px; border-radius: 3px; background: #EDE8E1; overflow: hidden; }
.ka-bar i { display: block; height: 100%; background: #0B7387; }
.ka-impr { display: flex; flex-direction: column; gap: 2px; padding: 4px 0; }
.ka-impr .clamp { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ka-impr a { font-size: 12px; font-weight: 700; color: var(--mintt); text-decoration: none; }
.ka-impr.open { gap: 4px; padding: 8px 0; }
.ka-impr .it { display: flex; gap: 6px; color: #3A342E; }
.ka-impr .it i { width: 5px; height: 5px; border-radius: 50%; background: #B7700A; margin-top: 6px; flex: 0 0 auto; }
.ka-recap-general { font-size: 12.5px; color: #4E4740; }
.ka-recap-general ul { margin: 4px 0 0; padding-left: 18px; }
@media (max-width: 1200px) { .ka-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }