/* Styles complémentaires à TailwindCSS pour DCAC */

.badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.15rem 0.6rem;
  border-radius: 9999px;
  font-size: 0.72rem;
  font-weight: 600;
  white-space: nowrap;
}
.badge-national { background: #dbeafe; color: #1d4ed8; }
.badge-national-marche { background: #fef3c7; color: #92400e; }
.badge-closing { background: #fce7f3; color: #9d174d; }
.badge-sensible { background: #fee2e2; color: #b91c1c; }
.badge-restreint { background: #ede9fe; color: #6d28d9; }
.badge-normal { background: #dcfce7; color: #15803d; }
.badge-status { background: #e5e7eb; color: #374151; }

.sidebar-link {
  display: flex; align-items: center; gap: 0.75rem;
  padding: 0.6rem 1rem; border-radius: 0.5rem;
  color: #d1d5db; font-size: 0.9rem; transition: background .15s;
}
.sidebar-link:hover { background: rgba(255,255,255,0.08); color: white; }
.sidebar-link.active { background: #2563eb; color: white; }

.card { background: white; border-radius: 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }

.chat-bubble-user { background: #2563eb; color: white; border-radius: 1rem 1rem 0.25rem 1rem; }
.chat-bubble-agent { background: white; border: 1px solid #e5e7eb; border-radius: 1rem 1rem 1rem 0.25rem; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }

.spinner {
  border: 3px solid #e5e7eb; border-top-color: #2563eb; border-radius: 50%;
  width: 1.5rem; height: 1.5rem; animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

.fade-in { animation: fadeIn 0.2s ease-in; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }