/* Respaldo de colores de marca (índigo/estados).
   Se carga DESPUÉS del CSS compilado para garantizar que los botones y acentos
   se vean aunque el build de Tailwind del servidor esté desactualizado. */

/* Fondos índigo (botones primarios) */
.bg-indigo-600 { background-color: #4f46e5 !important; }
.hover\:bg-indigo-700:hover { background-color: #4338ca !important; }
.bg-indigo-50 { background-color: #eef2ff !important; }
.bg-indigo-100 { background-color: #e0e7ff !important; }

/* Texto índigo */
.text-indigo-700 { color: #4338ca !important; }
.text-indigo-600 { color: #4f46e5 !important; }
.text-indigo-500 { color: #6366f1 !important; }
.text-indigo-400 { color: #818cf8 !important; }
.hover\:text-indigo-700:hover { color: #4338ca !important; }

/* Bordes y anillos índigo */
.border-indigo-100 { border-color: #e0e7ff !important; }
.border-indigo-200 { border-color: #c7d2fe !important; }
.focus\:ring-indigo-500:focus { --tw-ring-color: #6366f1 !important; }
.focus\:border-indigo-500:focus { border-color: #6366f1 !important; }

/* Botón de peligro (rechazar / eliminar) */
.bg-red-600 { background-color: #dc2626 !important; }
.hover\:bg-red-700:hover { background-color: #b91c1c !important; }

/* Estados (badges) */
.bg-emerald-50 { background-color: #ecfdf5 !important; }
.text-emerald-600 { color: #059669 !important; }
.text-emerald-700 { color: #047857 !important; }
.bg-amber-50 { background-color: #fffbeb !important; }
.text-amber-600 { color: #d97706 !important; }
.text-amber-700 { color: #b45309 !important; }
.bg-red-50 { background-color: #fef2f2 !important; }
.text-red-600 { color: #dc2626 !important; }
.text-red-700 { color: #b91c1c !important; }

/* Puntos de color (badges de estado, indicador de filtro activo) */
.bg-indigo-500 { background-color: #6366f1 !important; }
.bg-emerald-500 { background-color: #10b981 !important; }
.bg-amber-500 { background-color: #f59e0b !important; }
.bg-red-500 { background-color: #ef4444 !important; }