/* SD ONE · lot 51 (24/10/2026, Hassan : « les mots doivent être au-dessus des boutons ; Chauffeur, Itinéraire, Client, Mission : centrés ») */
/* titres des colonnes : tous centrés, partout */
html body table thead th { text-align: center !important; vertical-align: middle !important; }
html body table thead th > * { margin-left: auto; margin-right: auto; }
/* barre des filtres : « Chauffeur », « Véhicule » bien au-dessus et au milieu de leur liste */
html body .pl-sels > label { align-items: center !important; text-align: center !important; }
html body .pl-sels > label > select { align-self: stretch; }
/* Calcul du CA : volet qui descend sous le bouton, et remonte au 2e clic */
.sd51-ca { overflow: hidden; max-height: 0; opacity: 0; transition: max-height .28s ease, opacity .2s ease, margin .28s ease; margin: 0; }
.sd51-ca.ouvert { max-height: 240px; opacity: 1; margin-top: 8px; }
.sd51-ca .sd51-in { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; padding: 12px; border-radius: 16px; background: rgba(255,255,255,.96); border: 1px solid #C9D2DE; box-shadow: 0 8px 22px rgba(11,31,58,.22); }
.sd51-ca .sd51-k { text-align: center; padding: 6px 4px; }
.sd51-ca .sd51-k b { display: block; font: 800 22px Montserrat, sans-serif; color: #0B1F3A; }
.sd51-ca .sd51-k span { display: block; font: 700 11px Manrope, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #5B6B80; }
.sd51-ca .sd51-k.ca b { color: #1E5AA8; }
.sd51-ca .sd51-n { grid-column: 1 / -1; text-align: center; font: 500 12px Manrope, sans-serif; color: #5B6B80; }
button[data-a="ca"].sd51-on { box-shadow: 0 0 0 2px #8FA9C9 inset; }
@media (max-width: 760px) { .sd51-ca .sd51-k b { font-size: 19px; } }