/* SD ONE · lot 53 (24/10/2026) : Info trafic + chauffeurs en course */
html body .sd25-boite.sd53-boite { max-width: 1320px; height: min(900px, calc(100vh - 32px)); }
.sd53-corps { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr); }
.sd53-corps > iframe { width: 100%; height: 100%; border: 0; }
.sd53-pan { display: flex; flex-direction: column; min-height: 0; border-left: 1px solid #C9D2DE; background: #F4F7FB; }
.sd53-t { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 10px 12px 4px; font: 700 14px Montserrat, sans-serif; color: #0B1F3A; }
.sd53-t small { font: 500 11px Manrope, sans-serif; color: #5B6B80; }
.sd53-q { margin: 4px 12px 8px; height: 40px; padding: 0 12px; border: 1px solid #C9D2DE; border-radius: 10px; font: 500 14px Manrope, sans-serif; color: #0B1F3A; background: #fff; }
.sd53-carte { height: 42%; min-height: 170px; flex: 0 0 auto; margin: 0 12px; border-radius: 12px; overflow: hidden; border: 1px solid #C9D2DE; background: #E6EEF9; }
.sd53-l { list-style: none; margin: 8px 0 0; padding: 0 12px 12px; overflow: auto; flex: 1; min-height: 0; }
.sd53-l li[data-id] { display: flex; gap: 10px; align-items: flex-start; padding: 8px 10px; margin-bottom: 6px; border-radius: 10px; background: #fff; border: 1px solid #DCE3EC; cursor: pointer; font: 500 13px Manrope, sans-serif; color: #0B1F3A; min-height: 44px; }
.sd53-l li[data-id]:hover, .sd53-l li[data-id].ici { border-color: #1E5AA8; box-shadow: 0 0 0 2px rgba(30,90,168,.18); }
.sd53-l small { color: #5B6B80; }
.sd53-v { padding: 10px; color: #5B6B80; font: 500 13px Manrope, sans-serif; text-align: center; }
.sd53-i, .sd53-m span { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; background: linear-gradient(135deg, #0B1F3A, #1E5AA8); color: #fff; font: 800 13px Montserrat, sans-serif; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(11,31,58,.35); }
.sd53-m { background: none; border: 0; }
@media (max-width: 760px) {
  .sd53-corps { grid-template-columns: 1fr; grid-template-rows: 45% 55%; }
  .sd53-pan { border-left: 0; border-top: 1px solid #C9D2DE; }
  .sd53-q { height: 44px; }
  .sd53-carte { height: 40%; min-height: 140px; }
}
.sd53-tous { margin: 2px 12px 6px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 10px; background: linear-gradient(135deg, #0B1F3A, #1E5AA8); color: #fff; font: 700 13px Montserrat, sans-serif; cursor: pointer; }
.sd53-i img, .sd53-m span img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.sd53-m span { width: 40px; height: 40px; overflow: hidden; padding: 0; }
.sd53-i { overflow: hidden; padding: 0; }
@media (max-width: 760px) { .sd53-tous { min-height: 44px; } }