/* Styles complémentaires à Tailwind */

html, body { -webkit-font-smoothing: antialiased; }
body { background: #f6f7f9; color: #0f172a; }

/* Barres de défilement discrètes */
.scroll-fin::-webkit-scrollbar { width: 8px; height: 8px; }
.scroll-fin::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
.scroll-fin::-webkit-scrollbar-track { background: transparent; }

/* Marqueurs véhicule sur la carte */
.veh-marker {
  width: 30px; height: 30px; border-radius: 9999px;
  background: var(--c); border: 3px solid #fff;
  box-shadow: 0 1px 4px rgba(15, 23, 42, .35);
  display: flex; align-items: center; justify-content: center;
  color: #fff; transition: transform .15s ease;
}
.veh-marker svg { width: 14px; height: 14px; }
.veh-marker.actif { transform: scale(1.25); box-shadow: 0 0 0 4px rgba(42, 120, 214, .35), 0 1px 4px rgba(15, 23, 42, .35); }
.point-trajet {
  width: 14px; height: 14px; border-radius: 9999px; border: 3px solid #fff;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .4);
}
.leaflet-tooltip.veh-tip { font-family: Inter, sans-serif; font-size: 12px; font-weight: 600; border-radius: 6px; }
.leaflet-container { font-family: Inter, sans-serif; }

/* Notifications */
#toasts > div { animation: toast-in .2s ease-out; }
@keyframes toast-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* Tiroir latéral (admin) */
.tiroir { transition: transform .25s ease; }

/* Impression = export PDF de la maquette */
@media print {
  @page { size: A4 landscape; margin: 12mm; }
  body { background: #fff; }
  .no-print, #sidebar, #mobile-header, #toasts { display: none !important; }
  .print-plein { padding: 0 !important; margin: 0 !important; }
  .lg\:pl-64 { padding-left: 0 !important; }
  .shadow-card { box-shadow: none !important; }
  table { font-size: 11px; }
  .print-only { display: block !important; }
}
.print-only { display: none; }