#stream .event { border-left: 4px solid #0d6efd; padding-left: 8px; margin: 4px 0; }
#stream .bad { border-left-color: #dc3545; }
#stream .good { border-left-color: #198754; }

/* Améliorations du style */
.card {
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
}

.navbar-brand {
  background: linear-gradient(45deg, #007bff, #6f42c1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.badge {
  font-size: 0.75em;
}

.btn-group-sm .btn {
  padding: 0.25rem 0.5rem;
}

.table-hover tbody tr:hover {
  background-color: rgba(0,123,255,0.05);
}

/* Animations pour les graphiques */
canvas {
  transition: opacity 0.3s ease-in-out;
}

/* Toast notifications */
.toast-container {
  z-index: 1055;
}

/* Date inputs styling */
input[type="date"] {
  cursor: pointer;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  filter: invert(0.5);
}

.gap-2 {
  gap: 0.5rem !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .card-body {
    padding: 1rem;
  }
  
  .btn-group-sm {
    flex-direction: column;
  }
  
  .btn-group-sm .btn {
    margin-bottom: 2px;
  }
  
  .input-group input[type="date"] {
    width: 120px !important;
  }
}